From 5961b33ba028bdd1261a4c599b272dc80079eeeb Mon Sep 17 00:00:00 2001
From: Andreas Schneider <aksdb@gmx.de>
Date: Sun, 25 Oct 2020 18:28:27 +0100
Subject: [PATCH] =?UTF-8?q?=F0=9F=92=84=20Style=20delete=20buttons=20and?=
 =?UTF-8?q?=20menu?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 templates/base.html   | 40 ++++++++++++++++++++++++++++++++++------
 templates/shares.html |  4 ++--
 2 files changed, 36 insertions(+), 8 deletions(-)

diff --git a/templates/base.html b/templates/base.html
index efd9316..3a66953 100644
--- a/templates/base.html
+++ b/templates/base.html
@@ -14,28 +14,54 @@
             border-radius: .5em;
             border: 0;
             background-color: #c4e1ff;
+            font-weight: bold;
+        }
+
+        input[type="submit"].delete {
+            background-color: #e56f83;
         }
 
         input[type="submit"] {
             background-color: #a9ca97;
-            font-weight: bold;
+        }
+
+        a:before {
+            content: "› ";
+            color: gray;
+        }
+
+        a, a:visited, a:hover, a:active, a:focus {
+            /* font-style: normal; */
+            text-decoration: none;
+            color: black;
         }
 
         #content {
             float: right;
-            width: 100%;
-            background-color: #F0F0F0;
+            width: calc(100% - 20px);
+            /* background-color: #F0F0F0; */
+            /* border-radius: 1em; */
+            /* padding: 10px; */
+            /* height: calc(100vh - 40px);*/
         }
 
         #menu {
             float: left;
-            width: 200px;
-            margin-left: -200px;
+            width: 150px;
+            margin-left: -185px;
             background-color: #CCCCCC;
+            border-radius: .5em;
+            padding: 10px;
+            height: calc(100vh - 40px);
         }
 
         #menu span {
             display: block;
+            margin-bottom: .5em;
+        }
+
+        #menu hr {
+            border: 1px solid gray;
         }
 
         body {
@@ -50,12 +76,14 @@
     {{ block "page-content" . }}{{ end }}
 </div>
 <div id="menu">
-    <span><a href="./">ShareDAV</a></span>
+    <span style="font-weight: bold;"><a href="./">ShareDAV</a></span>
     {{ if .SessionUser }}
         {{ if eq .SessionUser.Role "admin" }}
+            <hr/>
             <span><a href="users">Users</a></span>
             <span><a href="shares">Shares</a></span>
         {{ end }}
+        <hr/>
         <span><a href="logout">Logout</a></span>
     {{ end }}
 </div>
diff --git a/templates/shares.html b/templates/shares.html
index 4b4d846..88f8da9 100644
--- a/templates/shares.html
+++ b/templates/shares.html
@@ -25,7 +25,7 @@
         <div id="share-{{$share.UUID}}" class="share">
             UUID: {{ $share.UUID }} <form style="display: inline-block;" action="delete-share" method="post">
                 <input type="hidden" name="share" value="{{ $share.UUID }}"/>
-                <input type="submit" value="Delete"/>
+                <input type="submit" value="Delete" class="delete"/>
             </form>
             <br/>
             Name: {{ $share.Name }}<br/>
@@ -35,7 +35,7 @@
                 <form style="display: inline-block;" action="share-delete-user" method="post">
                     <input type="hidden" name="share" value="{{ $share.UUID }}"/>
                     <input type="hidden" name="user" value="{{ $user.Username }}"/>
-                    <input type="submit" value="Delete"/>
+                    <input type="submit" value="Delete" class="delete"/>
                 </form>
             </div>
             {{ end }}