summaryrefslogtreecommitdiff
path: root/assets
diff options
context:
space:
mode:
authorRicardo Wurmus <rekado@elephly.net>2018-08-28 23:21:38 +0200
committerRicardo Wurmus <rekado@elephly.net>2018-08-28 23:21:38 +0200
commit0c57ea2ee68fe9930304351797f2091199fafdbb (patch)
tree9476b8d07fc29aa430c92b73b491161032e496d1 /assets
parent49e627f99c6b25582a5d2ba4f7db1b66278c9b78 (diff)
Goodbye mu, hello guile-debbugs!
Diffstat (limited to 'assets')
-rw-r--r--assets/css/screen.css73
1 files changed, 65 insertions, 8 deletions
diff --git a/assets/css/screen.css b/assets/css/screen.css
index 4d2f744..21c55a4 100644
--- a/assets/css/screen.css
+++ b/assets/css/screen.css
@@ -12,14 +12,31 @@ html, body {
h1 {
clear: both;
- line-height: 125%;
+ font-size: 32px;
+ line-height: 105%;
margin-top: 1.3rem;
+ margin-bottom: 0.5rem;
+ padding: 0px;
+ display: block;
+ font-weight: 400;
+ color: #333;
+}
+
+.title {
+ clear: both;
+ font-size: 16px;
margin-bottom: 1rem;
border-bottom: 1px dashed #ddd;
padding: 0px;
padding-bottom: 1rem;
- display: block;
- font-weight: 800;
+ color: #586069;
+}
+
+.comment-box {
+ margin-top: 1rem;
+ margin-bottom: 2rem;
+ border-top: 1px dashed #ddd;
+ padding-top: 1rem;
}
h2 {
@@ -61,23 +78,46 @@ tr td:nth-child(3){
#header {
background: #333333;
- color: #fff;
+ border-color: #1A1A1A1A;
+ border-style: none none solid none;
+ border-width: thin;
width: 100%;
- box-shadow: 0 3px 8px #ccc;
margin-bottom: 1rem;
padding: .5em;
- font-size: 1.2em;
- font-weight: bold;
color: #fff;
+ position: relative;
+ display: block;
}
#header a {
color: #fff;
text-decorations: none;
}
+#header .flex {
+ display: flex;
+}
+
+#header .flex .logo {
+ display: inline-block;
+ float: left;
+}
+
+#header .flex form {
+ display: inline-block;
+}
+
input#query {
+ box-sizing: border-box;
width: 100%;
- padding: .5rem;
+ padding: .2rem;
+ color: #111;
+ border-radius: 3px;
+}
+
+#header input#query {
+ width: auto;
+ position: absolute;
+ right: 1rem;
}
/* messages */
@@ -88,6 +128,7 @@ input#query {
.info .stat {
display: block;
+ color: #586069;
}
.info .stat .label {
display: block;
@@ -164,3 +205,19 @@ input#query {
margin-left: 1em;
color: #3868cc;
}
+
+.status-tag {
+ display: inline-block;
+ color: #fff;
+ text-align: center;
+ padding: 4px;
+ border-radius: 3px;
+ margin-right: 8px;
+}
+
+.status-tag.done {
+ background: #cb2431;
+}
+.status-tag.open {
+ background: #2cbe4e;
+}