Move actions into floatin action button

assets/style.css

@@ -323,10 +323,44 @@ main {
     right: 0;
 }
 
+.dropdown-menu.open-up {
+    top: auto;
+    bottom: 100%;
+    margin-bottom: 0.4rem;
+}
+
 .dropdown-menu.is-open {
     display: block;
 }
 
+/* === Floating action button === */
+.fab {
+    position: fixed;
+    bottom: 1rem;
+    right: 1rem;
+    z-index: 50;
+}
+
+.btn-fab {
+    background: var(--bg-panel);
+    border: 1px solid var(--secondary);
+    width: 3rem;
+    height: 3rem;
+    font-size: 1.5rem;
+    line-height: 1;
+    display: inline-flex;
+    align-items: center;
+    justify-content: center;
+}
+.btn-fab::before,
+.btn-fab::after {
+    content: none;
+}
+.btn-fab:hover {
+    background: var(--bg-panel-hover);
+    color: var(--primary-hover);
+}
+
 .dropdown-item {
     display: block;
     width: 100%;
@@ -459,7 +493,7 @@ hr {
     top: 1rem;
     right: 1rem;
     width: 14rem;
-    max-height: calc(100vh - 2rem);
+    max-height: calc(100vh - 6rem);
     overflow-y: auto;
     border: 1px solid var(--secondary);
     background: var(--bg);