Fix notification positioning

silverbulletmd · Feb 28, 2024 · ec858b8 · ec858b8
1 parent 032486e
commit ec858b8
Show file tree

Hide file tree

Showing 2 changed files with 16 additions and 14 deletions.
diff --git a/web/client.ts b/web/client.ts
@@ -50,10 +50,7 @@ import {
   EncryptedSpacePrimitives,
 } from "$common/spaces/encrypted_space_primitives.ts";
 
-import {
-  ensureSpaceIndex,
-  markFullSpaceIndexComplete,
-} from "$common/space_index.ts";
+import { ensureSpaceIndex } from "$common/space_index.ts";
 import { renderTheTemplate } from "$common/syscalls/template.ts";
 import { PageRef } from "../plug-api/lib/page_ref.ts";
 import { ReadOnlySpacePrimitives } from "$common/spaces/ro_space_primitives.ts";

diff --git a/web/styles/main.scss b/web/styles/main.scss
@@ -74,20 +74,25 @@ body {
         padding: 0 20px;
         display: flex;
         box-sizing: border-box;
-      }
+        position: relative;
+
+        .sb-notifications {
+          position: absolute;
+          right: 20px;
+          top: 50px;
 
-      .sb-notifications {
-        float: right;
-        margin-top: 8px;
-        font-size: 15px;
-        z-index: 100;
+          font-size: 15px;
+          z-index: 100;
 
-        >div {
-          padding: 3px;
-          margin-bottom: 3px;
-          border-radius: 5px;
+          >div {
+            padding: 3px;
+            margin-bottom: 3px;
+            border-radius: 5px;
+          }
         }
+
       }
+
     }
 
     #sb-current-page {