aboutsummaryrefslogtreecommitdiff
path: root/html/display_panel/content
diff options
context:
space:
mode:
authorhackademix <giorgio@maone.net>2019-01-28 15:50:21 +0100
committerhackademix <giorgio@maone.net>2019-01-28 15:50:21 +0100
commit1f705c122dfe7b9ec0cd956c5188b907e6e8e4b8 (patch)
tree6153e2b7fc712d0ba2aa6ce604cf34b2417a9ef6 /html/display_panel/content
parent5040061a3991d2159d9e0fc04237185686fcf189 (diff)
Mobile-friendly UI sizing in CSS.
Diffstat (limited to 'html/display_panel/content')
-rw-r--r--html/display_panel/content/panel-styles.css34
1 files changed, 19 insertions, 15 deletions
diff --git a/html/display_panel/content/panel-styles.css b/html/display_panel/content/panel-styles.css
index 940a8ff..d5c3528 100644
--- a/html/display_panel/content/panel-styles.css
+++ b/html/display_panel/content/panel-styles.css
@@ -20,24 +20,24 @@
@import url("/html/common.css");
body {
- width:500px;
+ width: 500px;
}
#header{
-display:block;
-width:500px;
+display: block;
+width: 100%
}
h2 {
- font-size:1.1em;
+ font-size: 1.4em;
font-weight:bold;
font-family:arial;
- border-bottom:4px solid #444;
+ border-bottom:.2em solid #444;
padding-bottom:0;
- margin:10px 0 0 0;
+ margin:.8em 0 0 0;
line-height:140%;
}
code {
- font-size:1.2em;
+ font-size: 1.2em;
margin:0;
padding:0;
}
@@ -47,18 +47,18 @@ ul {
list-style:none;
}
#info li {
- padding:5px;
- border-bottom:2px solid #CCC;
+ padding: .3em;
+ border-bottom:.1em solid #CCC;
margin:0;
overflow: hidden;
}
#info ul ul {
- margin:10px;
+ margin: .4em;
list-style:disc;
}
#info ul ul li {
- padding:5px;
+ padding: .5em;
border-bottom:0;
}
#info {
@@ -121,18 +121,18 @@ span.blocked {
}
.title-area {
- width: 250px;
+ width: 50%;
float:left !important;
text-align: center !important;
}
.title-area #librejs-web-link {
- font-size: 18px;
+ font-size: 1.2em;
}
#librejs-web-labels-pages>ul {
- margin-top: 8px;
- font-size: 14px;
+ margin-top: .5em;
+ font-size: 1.2em;
list-style-type: disc;
}
@@ -150,3 +150,7 @@ span.blocked {
width: 100%;
text-align: center;
}
+
+.mobile #report-tab {
+ display: none;
+}