From aa50cb4aebc596a0101d5ec5bced692781b56547 Mon Sep 17 00:00:00 2001
From: Henry <cryptix@riseup.net>
Date: Fri, 14 May 2021 08:06:45 +0200
Subject: [PATCH] tweak css a bit

---
 web/templates/base.tmpl                   | 15 ++++++---------
 web/templates/change-member-password.tmpl | 14 ++++++++++----
 2 files changed, 16 insertions(+), 13 deletions(-)

diff --git a/web/templates/base.tmpl b/web/templates/base.tmpl
index 85b3445..d01813c 100644
--- a/web/templates/base.tmpl
+++ b/web/templates/base.tmpl
@@ -32,15 +32,12 @@
       </div>
       <span class="flex flex-row items-center divide-x divide-gray-300">
         <div class="flex flex-row items-center pr-3">
-          <svg class="text-green-500 w-4 h-4 mr-1" viewBox="0 0 24 24">
-            <path fill="currentColor" d="M22,18V22H18V19H15V16H12L9.74,13.74C9.19,13.91 8.61,14 8,14A6,6 0 0,1 2,8A6,6 0 0,1 8,2A6,6 0 0,1 14,8C14,8.61 13.91,9.19 13.74,9.74L22,18M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" />
-          </svg>
-          <!-- TODO: i'd like to include the key SVG in the lnk but this breaks the layout -->
-          <div class="text-green-500 text-sm truncate w-32">
-            <a
-              id="own-details-page"
-              href="{{urlTo "admin:member:details" "id" $user.ID}}"
-            >{{$user.PubKey.Ref}}</a>
+          <div class="text-green-500">
+            <a id="own-details-page" href="{{urlTo "admin:member:details" "id" $user.ID}}">
+              <svg class="text-green-500 w-4 h-4 mr-1 float-left" viewBox="0 0 24 24">
+                <path fill="currentColor" d="M22,18V22H18V19H15V16H12L9.74,13.74C9.19,13.91 8.61,14 8,14A6,6 0 0,1 2,8A6,6 0 0,1 8,2A6,6 0 0,1 14,8C14,8.61 13.91,9.19 13.74,9.74L22,18M7,5A2,2 0 0,0 5,7A2,2 0 0,0 7,9A2,2 0 0,0 9,7A2,2 0 0,0 7,5Z" />
+              </svg><div class="float-right text-sm truncate w-32">{{$user.PubKey.Ref}}</div>
+            </a>
           </div>
         </div>
         <a
diff --git a/web/templates/change-member-password.tmpl b/web/templates/change-member-password.tmpl
index bdf93ee..a5d1da0 100644
--- a/web/templates/change-member-password.tmpl
+++ b/web/templates/change-member-password.tmpl
@@ -17,19 +17,25 @@
       <input type="hidden" name="reset-token" value={{.ResetToken}}>
       {{end}}
 
-      <label for="password">{{i18n "AuthFallbackNewPassword"}}</label>
+      <label
+        for="password"
+        class="mt-2 mb-1 font-bold text-gray-400 text-sm"
+      >{{i18n "AuthFallbackNewPassword"}}</label>
       <input
         id="password"
         type="password"
         name="new-password"
-        class="mt-8 self-stretch shadow rounded border border-transparent h-10 p-1 pl-4 font-mono truncate flex-auto text-gray-600 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:border-transparent">
+        class="self-stretch shadow rounded border border-transparent h-10 p-1 pl-4 font-mono truncate flex-auto text-gray-600 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:border-transparent">
 
-      <label for="repeat">{{i18n "AuthFallbackRepeatPassword"}}</label>
+      <label
+        for="repeat"
+        class="mt-2 mb-1 font-bold text-gray-400 text-sm"
+      >{{i18n "AuthFallbackRepeatPassword"}}</label>
       <input
         id="repeat"
         type="password"
         name="repeat-password"
-        class="mt-8 self-stretch shadow rounded border border-transparent h-10 p-1 pl-4 font-mono truncate flex-auto text-gray-600 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:border-transparent">
+        class="self-stretch shadow rounded border border-transparent h-10 p-1 pl-4 font-mono truncate flex-auto text-gray-600 focus:outline-none focus:ring-2 focus:ring-purple-400 focus:border-transparent">
 
 
       <button