From 4ada18a2130a9231883382f907548e5bcac1026b Mon Sep 17 00:00:00 2001
From: Zef Hemel <zef@zef.me>
Date: Mon, 20 Jun 2022 17:24:44 +0200
Subject: [PATCH] Styling fixes

---
 packages/web/styles/main.scss | 52 +++++++++++++++++------------------
 1 file changed, 25 insertions(+), 27 deletions(-)

diff --git a/packages/web/styles/main.scss b/packages/web/styles/main.scss
index 6720803..c7228a3 100644
--- a/packages/web/styles/main.scss
+++ b/packages/web/styles/main.scss
@@ -66,48 +66,45 @@ body {
   color: rgb(55, 55, 55);
   .main {
     flex: 2;
+    max-width: 100%;
 
     .inner {
       max-width: $max-editor-width;
       margin: auto;
       font-size: 28px;
       padding: 10px 20px;
+      display: flex;
+      flex-direction: row;
 
-      @media (max-width: $max-editor-width) {
-        width: 800px;
-      }
-
-      .status {
-        position: absolute;
-        font-family: "iA-Mono";
-        bottom: 45px;
-        left: 5px;
-        right: 5px;
-        background-color: rgb(187, 221, 247);
-        border: rgb(41, 41, 41) 1px solid;
-        border-radius: 5px;
-        padding: 3px;
-        font-size: 15px;
-        z-index: 100;
-      }
+      // .status {
+      //   position: absolute;
+      //   font-family: "iA-Mono";
+      //   bottom: 45px;
+      //   left: 5px;
+      //   right: 5px;
+      //   background-color: rgb(187, 221, 247);
+      //   border: rgb(41, 41, 41) 1px solid;
+      //   border-radius: 5px;
+      //   padding: 3px;
+      //   font-size: 15px;
+      //   z-index: 100;
+      // }
 
       .current-page {
         font-family: var(--ui-font);
         font-weight: bold;
+        flex: 1;
 
         overflow: hidden;
         white-space: nowrap;
-        margin-right: 40px;
+        // margin-right: 40px;
         display: block;
-        text-overflow: ellipsis;
-        direction: rtl;
-        text-align: left;
       }
 
-      .icon {
-        padding-left: 5px;
-        padding-right: 10px;
-      }
+      // .icon {
+      //   padding-left: 5px;
+      //   padding-right: 10px;
+      // }
 
       .saved {
         color: #111;
@@ -118,9 +115,10 @@ body {
       }
     }
     .actions {
-      float: right;
+      // float: right;
       text-align: right;
-      margin-top: -35px;
+      width: 40px;
+      // margin-top: -35px;
 
       ul {
         list-style: none;