CSS bugfix for mobile and other small-screeens

wesl-ee · Sep 17, 2018 · 9145b2e · 9145b2e
1 parent 9204df9
commit 9145b2e
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 5 deletions.
diff --git a/www/config.php b/www/config.php
@@ -23,7 +23,7 @@
 <HTML>
 <head>
 <?php
-	$Renderer->title = "Site Configuration";
+	$Renderer->Title = "Site Configuration";
 	$Renderer->putHead();
 ?>
 </head>
@@ -33,7 +33,10 @@
 	<span>Adjust your Experience</span><br />
 </header></div>
 <?php include "{$ROOT}template/Feelies.php" ?><hr />
-<article><?php $Renderer->configForm(); ?></article>
+<article>
+<h2>Configuration</h2>
+<?php $Renderer->configForm(); ?>
+</article>
 <hr />
 <div class=hf-container><footer>
 <?php include "{$ROOT}template/Footer.php"; ?>

diff --git a/www/css/Base.css b/www/css/Base.css
@@ -39,9 +39,12 @@ header, footer {
 	display: inline-block;
 	text-align: center;
 }
+header.no-flair {
+	padding: 10px;
+}
 header.no-flair:before,
 header.no-flair:after {
-	border: 0;
+	display: none;
 }
 table, tr, td, th {
 	border: 1px solid;
@@ -129,11 +132,11 @@ article .content > * {
 .timeline ul li div {
 	position: relative;
 	bottom: 0;
-	width: 200px;
+	width: 100px;
 	padding: 0 20px;
 }
 .timeline ul li:nth-child(even) div {
-	left: -240px;
+	left: -140px;
 	text-align: right;
 }
 .timeline ul li::after {