improve layout

plabayo · Oct 22, 2023 · 6f8ab2f · 6f8ab2f
1 parent b333980
commit 6f8ab2f
Show file tree

Hide file tree

Showing 4 changed files with 12 additions and 8 deletions.
diff --git a/static/css/style.css b/static/css/style.css
@@ -3,6 +3,9 @@
     --main-font: sans-sarif;
     --secondary-font: sans-sarif;
     --mono-font: "Cascadia Code", monospace, monospace;
+
+    /* layout */
+    --density: 1.5;
 }
 
 /* Light Mode */

diff --git a/templates/base.html b/templates/base.html
@@ -24,7 +24,7 @@
 
     <script src="/static/js/htmx.min.js?v=1.9.6"></script>
     <link rel="stylesheet" href="/static/css/missing.min.css?v=1.1.1" />
-    <link rel="stylesheet" href="/static/css/style.css?t=bucket&v=0.1.1" />
+    <link rel="stylesheet" href="/static/css/style.css?t=bucket&v=0.1.0" />
 </head>
 
 <body>

diff --git a/templates/content/login.html b/templates/content/login.html
@@ -2,13 +2,14 @@
 {% block content %}
 <div class="box" style="width: 100%; max-width: 500px;">
     <strong class="block titlebar">login using a magic link</strong>
-    <form action="/login" method="post" class="table rows spacious" style="margin: 10px 0 0 0; padding: 10px;">
+    <form action="/login" method="post" style="margin: 10px 0 0 0; padding: 10px;">
+        <div class="table rows spacious">
+            <p>
+                <label for="email">email:</label>
+                <input id="email" name="email" type="email" placeholder="email" style="width: 100%; margin: 0 5px 0 0;">
+            </p>
+        </div>
         <p>
-            <label for="email">email:</label>
-            <input id="email" name="email" type="email" placeholder="email" style="width: 100%; margin: 0 5px 0 0;">
-        </p>
-        <p>
-            <span></span>
             <input class="button good big" type="submit" value="send magic link" style="float: right;">
         </p>
     </form>

diff --git a/templates/content/shared/info.html b/templates/content/shared/info.html
@@ -4,7 +4,7 @@
     <strong class="block titlebar">{{ title }}</strong>
     <p>{{ message }}</p>
     <p>
-        <a href="/" class="<button> big" style="margin: 10px 0 0 0; float: right;">↩ go back</a>
+        <a href="/" class="<button> good big" style="margin: 10px 0 0 0; float: right;">↩ go back</a>
     </p>
 </div>
 {% endblock %}