Add button + fix CSS

static/css/styles.css

@@ -15,10 +15,32 @@ a.navbar-item:hover {
     background-color: #292929;
 }
 
+div.navbar-end {
+    flex-basis: min-content;
+}
+
 th.error {
     color: red;
 }
 
+img.favicon {
+    width: 16px;
+    height: 16px;
+    position: relative;
+    top: 2px;
+}
+
+button.fa-button {
+    padding: 0;
+    cursor: pointer;
+    background: none;
+    border: none;
+}
+
+label.checkbox {
+    margin: 1.2rem 1.2rem 0;
+}
+
 .hidden {
     display: none;
 }
@@ -67,25 +89,13 @@ th.error {
     white-space: nowrap;
 }
 
-.checkbox {
-    margin: 1.2rem 1.2rem 0;
-}
-
 #quick_scroll {
     float: right;
     margin-top: -2rem;
 }
 
-.favicon {
-    width: 16px;
-    height: 16px;
-    position: relative;
-    top: 2px;
-}
-
-.fa-button {
-    padding: 0;
-    cursor: pointer;
-    background: none;
-    border: none;
+@media screen and (min-width: 1088px) {
+    .tooltip:hover::before, .tooltip:hover::after {
+        display: none !important;
+    }
 }

templates/admin/list.html

@@ -1,5 +1,10 @@
 {% extends "layout.html" %}
 {% block title %}Admin List{% endblock %}
+{% block add_button %}
+    <a class="navbar-item tooltip has-tooltip-bottom" data-tooltip="Add entry" href="{{ url_for('admin_add') }}">
+        <i class="fa fa-plus"></i><i>&nbsp;</i><span class="is-hidden-mobile">Add entry</span>
+    </a>
+{% endblock %}
 {% block body %}
     <p id="quick_scroll">
         Quick Scroll :

templates/layout.html

@@ -26,6 +26,7 @@
            href="{{ url_for('list_animes') }}">
             <i class="fa fa-cloud-download"></i><i>&nbsp;</i><span class="is-hidden-mobile">My seeded torrents</span>
         </a>
+        {% block add_button %}{% endblock %}
         {% if request.args.get('q') %}
             <a class="navbar-item tooltip has-tooltip-bottom" data-tooltip="TVDB"
                href="https://www.thetvdb.com/search?menu%5Btype%5D=TV&query={{ request.args.get('q') }}"