Fixes for new CSS

assets/static/css/main.css

@@ -94,7 +94,7 @@ body {
   right: 0;
   bottom: 0;
   background-color: rgba(0, 0, 0, 0.5);
-  z-index: 4;
+  z-index: 6;
 }
 
 .modal {
@@ -370,7 +370,7 @@ input[type='text']{
 }
 
 th.operations, td.operations {
-  float:right;
+  text-align:right;
 }
 
 .card {
@@ -440,7 +440,7 @@ th.operations, td.operations {
 
 #main-sidebar {
   width: 300px;
-  z-index: 5;
+  z-index: 7;
   height: 100%;
   background-color: #fff;
   position: fixed !important;
@@ -809,6 +809,7 @@ th.operations, td.operations {
 #quickbox-top-bar .logo {
   float: left;
   margin-left: 8px;
+  padding-right: 10px;
 }
 
 #quickbox-footer {
@@ -1162,3 +1163,68 @@ th.operations, td.operations {
     padding-left: 16px;
   }
 }
+
+@media (max-width:992px) {
+  /* The switch - the box around the slider */
+  .switch {
+    position: relative;
+    display: inline-block;
+    width: 46px;
+    height: 24px;
+  }
+
+  /* Hide default HTML checkbox */
+  .switch input {
+    opacity: 0;
+    width: 0;
+    height: 0;
+  }
+
+  /* The slider */
+  .slider {
+    position: absolute;
+    cursor: pointer;
+    top: 0;
+    left: 0;
+    right: 0;
+    bottom: 0;
+    background-color: #ccc;
+    -webkit-transition: .4s;
+    transition: .4s;
+  }
+
+  .slider:before {
+    position: absolute;
+    content: "";
+    height: 16px;
+    width: 16px;
+    left: 4px;
+    bottom: 4px;
+    background-color: white;
+    -webkit-transition: .4s;
+    transition: .4s;
+  }
+
+  input:checked+.slider {
+    background-color: #2b5797;
+  }
+
+  input:focus+.slider {
+    box-shadow: 0 0 1px #2b5797;
+  }
+
+  input:checked+.slider:before {
+    -webkit-transform: translateX(22px);
+    -ms-transform: translateX(22px);
+    transform: translateX(22px);
+  }
+
+  /* Rounded sliders */
+  .slider.round {
+    border-radius: 24px;
+  }
+
+  .slider.round:before {
+    border-radius: 50%;
+  }
+}

assets/static/css/orig.css

@@ -877,71 +877,6 @@ table.stickyheader.searchopened thead {
   }
 }
 
-@media (max-width:992px) {
-  /* The switch - the box around the slider */
-  .switch {
-    position: relative;
-    display: inline-block;
-    width: 46px;
-    height: 24px;
-  }
-
-  /* Hide default HTML checkbox */
-  .switch input {
-    opacity: 0;
-    width: 0;
-    height: 0;
-  }
-
-  /* The slider */
-  .slider {
-    position: absolute;
-    cursor: pointer;
-    top: 0;
-    left: 0;
-    right: 0;
-    bottom: 0;
-    background-color: #ccc;
-    -webkit-transition: .4s;
-    transition: .4s;
-  }
-
-  .slider:before {
-    position: absolute;
-    content: "";
-    height: 16px;
-    width: 16px;
-    left: 4px;
-    bottom: 4px;
-    background-color: white;
-    -webkit-transition: .4s;
-    transition: .4s;
-  }
-
-  input:checked+.slider {
-    background-color: #2b5797;
-  }
-
-  input:focus+.slider {
-    box-shadow: 0 0 1px #2b5797;
-  }
-
-  input:checked+.slider:before {
-    -webkit-transform: translateX(22px);
-    -ms-transform: translateX(22px);
-    transform: translateX(22px);
-  }
-
-  /* Rounded sliders */
-  .slider.round {
-    border-radius: 24px;
-  }
-
-  .slider.round:before {
-    border-radius: 50%;
-  }
-}
-
 /* Medium */
 @media (max-width:992px) and (min-width:601px) {
   #page-title-container h5 {

assets/templates/base.tmpl

@@ -69,7 +69,7 @@
 
     <div id="quickbox">
       <div class="noswipe" id="quickbox-top-bar">
-          <a class="hide-large logo"  onclick="bm_toggle_sidebar('main-sidebar');" style="float: left; padding-right: 10px;">
+          <a class="hide-large logo"  onclick="bm_toggle_sidebar('main-sidebar');">
             <img alt="BrainMinder" src="/static/img/brainminder.svg" style="height: 32px;">
           </a>
         <div id="quickbox-title">

assets/templates/items/add_to_dashboard.tmpl

@@ -1,9 +1,3 @@
 {{define "item:add_to_dashboard"}}
-<button
+<button hx-post="/item/add-to-dashboard/{{.}}" hx-swap="outerHTML" title="Add to dashboard"><i class='bi bi-pin-fill' ></i></button>
-class="w3-button w3-edit w3-small w3-border w3-round-large"
-hx-post="/item/add-to-dashboard/{{.}}"
-hx-swap="outerHTML"
-title="Add to dashboard">
-<i class='bi bi-pin-fill' ></i>
-</button>
 {{ end }}

assets/templates/items/remove_from_dashboard.tmpl

@@ -1,11 +1,3 @@
 {{define "item:remove_from_dashboard"}}
-
+<button hx-post="/item/remove-from-dashboard/{{.}}" hx-swap="outerHTML" title="Remove from dashboard"><i class='bi bi-pin' ></i></button>
-<button
-class="w3-button w3-edit w3-small w3-border w3-round-large"
-hx-post="/item/remove-from-dashboard/{{.}}"
-hx-swap="outerHTML"
-title="Remove from dashboard">
-<i class='bi bi-pin' ></i>
-</button>
-
 {{ end }}

assets/templates/quickbox/list.tmpl

@@ -13,7 +13,7 @@ hx-target="#quickbox-notes"
 {{ end }}
 {{ end }}>
   <div class="buttons">
-    <button class="button" hx-delete="/quickbox/delete/{{.Id}}" hx-target="closest div.w3-row" hx-swap="outerHTML swap:1s" hx-trigger='confirmed' onClick="bm_show_confirm(this, 'Quickbox', 'Delete this note ?')"><i class="bi bi-dash-square"></i></button>
+    <button class="button" hx-delete="/quickbox/delete/{{.Id}}" hx-target="closest div.quickbox-row" hx-swap="outerHTML swap:1s" hx-trigger='confirmed' onClick="bm_show_confirm(this, 'Quickbox', 'Delete this note ?')"><i class="bi bi-dash-square"></i></button>
     <button class="button" hx-target="#modal-container" hx-get="/quickbox/transform/{{.Id}}"><i class='bi bi-arrow-up-left-circle-fill'></i></button>
   </div>
   <div class="note">{{.Note_rendered | safeHTML}}</div>