Layout optimizations, preparation for new sentence copy system

Kovah · Jul 31, 2020 · a4a9eab · a4a9eab
1 parent 29c5ee7
commit a4a9eab
Showing 1 changed file with 9 additions and 5 deletions.
diff --git a/templates/index.html b/templates/index.html
@@ -2,6 +2,10 @@
 <html lang="en" class="min-h-full bg-gray-900 text-gray-100" style="background-color: #1d1f23; color: #f8f9fa">
 <head>
   <meta charset="UTF-8">
+  <meta http-equiv="X-UA-Compatible" content="IE=edge">
+  <meta name="viewport" content="width=device-width, initial-scale=1">
+  <meta name="copy-paragraphs" content="{{ .ShowsParagraphs }}">
+
   <title>DevLorem</title>
   <link rel="stylesheet" href="/static/styles.css">
   <link rel="icon" href="/static/favicon.svg">
@@ -19,18 +23,18 @@
 </head>
 <body>
 
-<div class="container mx-auto px-2 md:px-4 xl:max-w-5xl">
+<div class="container mx-auto px-4 xl:max-w-5xl">
 
-  <div class="py-12 px-6 flex items-center">
-    <h1 class="text-2xl font-bold inline-block mr-6">DevLorem</h1>
-    <div class="ml-auto text-xs text-right">
+  <div class="py-12 px-6 sm:flex items-center">
+    <h1 class="text-2xl font-bold inline-block mb-4 sm:mb-0 sm:mr-6">DevLorem</h1>
+    <div class="ml-auto text-xs sm:text-right">
       {{ if .ShowsParagraphs }}
         <a href="/">Hide &lt;p&gt;</a>
       {{ else }}
         <a href="/p">Show &lt;p&gt;</a>
       {{ end }}
       <br>
-      <span class="text-gray-500">Click a paragraph to copy it</span>
+      <span class="text-gray-500">Click a sentence or the &lt;p&gt; to copy</span>
     </div>
   </div>