improved styling (esp. for small screns)

mateuszviste · Jul 22, 2020 · 051ce19 · 051ce19
1 parent 9736b39
commit 051ce19
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 3 deletions.
diff --git a/index.php b/index.php
@@ -70,7 +70,7 @@
 if (isset($_SERVER['SERVER_PORT']) && (intval($_SERVER['SERVER_PORT']) != 80)) $selfaddr_root .= ':' . $_SERVER['SERVER_PORT'];
 $selfaddr_root .= dirname($_SERVER['REQUEST_URI']);
 
-echo "<p>short url: <a href=\"{$ids}\">{$selfaddr_root}{$ids}</a></p>";
+echo "<p><span class=\"grey\">short url:</span> <a href=\"{$ids}\">{$selfaddr_root}{$ids}</a></p>";
 
 SKIP:
 ?>

diff --git a/slanklink.css b/slanklink.css
@@ -9,7 +9,7 @@ body {
 }
 
 h1 {
-  margin: 1.7em auto;
+  margin: 1.4em auto;
   font-weight: normal;
   font-size: 2em;
   color: #333;
@@ -26,7 +26,9 @@ p.debug {
 }
 
 input.urlentry {
-  width: 50em;
+  width: 90%;
+  max-width: 50em;
+  margin: 0 0.3em 0.6em 0;
 }
 
 span.grey {