diff --git a/zerobin/static/css/style.css b/zerobin/static/css/style.css
index 35d7946..fb32bfc 100644
--- a/zerobin/static/css/style.css
+++ b/zerobin/static/css/style.css
@@ -257,6 +257,10 @@ pre {
   border-radius: 3px;
 }
 
+.upload-file {
+  min-width: 100px;
+}
+
 .form-group {
   margin-bottom: 0;
 }
@@ -392,7 +396,7 @@ canvas {
   padding: 14px 16px;
   text-decoration: none;
   font-size: 17px;
-  width: 175px;
+  width: calc(22% - 30px);
 }
 
 .topnav .tagline {
@@ -419,7 +423,6 @@ canvas {
 nav {
   float: right;
   margin: 18px;
-
 }
 
 nav ul li {
@@ -430,8 +433,10 @@ nav ul li {
 nav ul li a {
   color: white;
   background: #333333;
-  padding: 10px;
+  padding: 2px 10px 0 10px;
   text-decoration: none;
+  height: 30px;
+  display: block;
 }
 
 nav ul li a:hover {
@@ -511,9 +516,13 @@ nav ul li a:hover {
 }
 
 @media screen and (max-width: 660px) {
-  .submenu {
+  .reader-mode .submenu {
     display: none;
   }
+
+  .reader-mode .reader-book {
+    display: block;
+  }
 }
 
 
@@ -559,5 +568,28 @@ nav ul li a:hover {
 }
 
 #password-field {
-  width: 80%;
+  width: calc(100% - 65px);
+}
+
+.admin-header {
+  text-align: center;
+  font-size: 1.5em;
+  color: #f2f2f2;
+  margin: 20px 0px 20px 0px;
+  clear: both;
+}
+
+.admin-header svg {
+  font-size: 4em;
+  opacity: 0.3;
+}
+
+form {
+  clear: both;
+}
+
+.logout svg {
+  width: 16px;
+  height: 16px;
+  margin: 0px 10px 2px 0px;
 }
diff --git a/zerobin/static/js/behavior.js b/zerobin/static/js/behavior.js
index 455e022..7537823 100644
--- a/zerobin/static/js/behavior.js
+++ b/zerobin/static/js/behavior.js
@@ -75,7 +75,6 @@ const app = new Vue({
   methods: {
 
     toggleReaderMode: function () {
-      debugger;
       if (!this.readerMode) {
         this.messages = [];
         if (this.support.URLSearchParams) {
diff --git a/zerobin/views/admin.tpl b/zerobin/views/admin.tpl
index b74c501..7262db1 100644
--- a/zerobin/views/admin.tpl
+++ b/zerobin/views/admin.tpl
@@ -1,30 +1,45 @@
-<form action="." method="post">
-    <!-- %if status == "error": -->
-    <div class="alert alert-danger" role="alert alert-danger">
-        {{message}}
-        dededede
-    </div>
-    <!-- %end -->
-    %if status == "ok" and message:
-    <div class="alert alert-success" role="alert">
-        {{message}}
-    </div>
-    %end
-    <div>
-        <div class="form-group">
-            <label>Paste to delete</label>
-            <input name="paste" type="text" class="form-control" placeholder="Paste URL or ID">
-        </div>
-        <button type="submit" class="btn btn-black">Delete</button>
-    </div>
-
-</form>
 
 <form action="./logout/" method="post">
-    <div>
-        <button type="submit" class="btn btn-black">Logout</button>
-    </div>
+  <div class="float-right logout">
+      <button type="submit" class="btn btn-secondary">
+        <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-power" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+          <path fill-rule="evenodd" d="M5.578 4.437a5 5 0 1 0 4.922.044l.5-.866a6 6 0 1 1-5.908-.053l.486.875z"/>
+          <path fill-rule="evenodd" d="M7.5 8V1h1v7h-1z"/>
+        </svg>
+        Logout</button>
+  </div>
 </form>
 
+<div class="admin-header">
+  Admin Panel
+  <br>
+  <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-hammer" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+    <path d="M9.812 1.952a.5.5 0 0 1-.312.89c-1.671 0-2.852.596-3.616 1.185L4.857 5.073V6.21a.5.5 0 0 1-.146.354L3.425 7.853a.5.5 0 0 1-.708 0L.146 5.274a.5.5 0 0 1 0-.706l1.286-1.29a.5.5 0 0 1 .354-.146H2.84C4.505 1.228 6.216.862 7.557 1.04a5.009 5.009 0 0 1 2.077.782l.178.129z"/>
+    <path fill-rule="evenodd" d="M6.012 3.5a.5.5 0 0 1 .359.165l9.146 8.646A.5.5 0 0 1 15.5 13L14 14.5a.5.5 0 0 1-.756-.056L4.598 5.297a.5.5 0 0 1 .048-.65l1-1a.5.5 0 0 1 .366-.147z"/>
+  </svg>
+</div>
+
+%if status == "error":
+<div class="alert alert-danger" role="alert alert-danger">
+    {{message}}
+</div>
+%end
+%if status == "ok" and message:
+<div class="alert alert-success" role="alert">
+    {{message}}
+</div>
+%end
+
+<form action="." method="post">
+
+  <label>Paste to delete:</label>
+  <div class="input-group">
+    <input name="paste" type="text" class="form-control" placeholder="Paste URL or ID here">
+    <div class="input-group-append">
+      <button type="submit" class="btn btn-danger">Delete</button>
+    </div>
+  </div>
+
+</form>
 
 % rebase('base', settings=settings, pastes_count=pastes_count)
diff --git a/zerobin/views/login.tpl b/zerobin/views/login.tpl
index 0424a01..2e52f58 100644
--- a/zerobin/views/login.tpl
+++ b/zerobin/views/login.tpl
@@ -1,5 +1,15 @@
 <form class="form-group" action="." method="post">
 	<div class="login-form">
+
+    <div class="admin-header">
+      Admin Panel
+      <br>
+      <svg width="1em" height="1em" viewBox="0 0 16 16" class="bi bi-hammer" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+        <path d="M9.812 1.952a.5.5 0 0 1-.312.89c-1.671 0-2.852.596-3.616 1.185L4.857 5.073V6.21a.5.5 0 0 1-.146.354L3.425 7.853a.5.5 0 0 1-.708 0L.146 5.274a.5.5 0 0 1 0-.706l1.286-1.29a.5.5 0 0 1 .354-.146H2.84C4.505 1.228 6.216.862 7.557 1.04a5.009 5.009 0 0 1 2.077.782l.178.129z"/>
+        <path fill-rule="evenodd" d="M6.012 3.5a.5.5 0 0 1 .359.165l9.146 8.646A.5.5 0 0 1 15.5 13L14 14.5a.5.5 0 0 1-.756-.056L4.598 5.297a.5.5 0 0 1 .048-.65l1-1a.5.5 0 0 1 .366-.147z"/>
+      </svg>
+    </div>
+
 		<form>
 			<label>Password:</label>
 			%if status == "error":
@@ -14,7 +24,8 @@
         </div>
       </div>
 		</form>
-	</div>
+  </div>
+
 </form>
 
 % rebase('base', settings=settings, pastes_count=pastes_count)