From cc68f76180938094f2d6e92c00511cceff90caef Mon Sep 17 00:00:00 2001
From: TekH <h.tek@digitaldata.works>
Date: Mon, 1 Jun 2026 04:59:46 +0200
Subject: [PATCH] Simplify layout and remove unused styles

Removed styles for `.sidebar` and `.top-row` elements, including their background, layout, and responsive behavior, as they are no longer used. Simplified `main` and `article` elements by standardizing `margin` and `padding` to `0`.

Removed media query styles for `.top-row` and `.sidebar` to streamline responsive design. Updated global styles in `app.css` to ensure consistent spacing and alignment for `html`, `body`, `main`, and `.page`.

Focused on creating a cleaner, more minimal design by removing redundant styles and ensuring uniformity across the layout.
---
 .../Shared/MainLayout.razor.css               | 74 ++-----------------
 .../wwwroot/css/app.css                       | 12 ++-
 2 files changed, 15 insertions(+), 71 deletions(-)

diff --git a/EnvelopeGenerator.ReceiverUI/Shared/MainLayout.razor.css b/EnvelopeGenerator.ReceiverUI/Shared/MainLayout.razor.css
index 59d915da..d662d7ea 100644
--- a/EnvelopeGenerator.ReceiverUI/Shared/MainLayout.razor.css
+++ b/EnvelopeGenerator.ReceiverUI/Shared/MainLayout.razor.css
@@ -7,75 +7,11 @@
 
 main {
     flex: 1;
+    margin: 0;
+    padding: 0;
 }
 
-.sidebar {
-    background-image: linear-gradient(180deg, rgb(5, 39, 103) 0%, #3a0647 70%);
-}
-
-.top-row {
-    background-color: #f7f7f7;
-    border-bottom: 1px solid #d6d5d5;
-    justify-content: flex-end;
-    height: 3.5rem;
-    display: flex;
-    align-items: center;
-}
-
-    .top-row ::deep a, .top-row ::deep .btn-link {
-        white-space: nowrap;
-        margin-left: 1.5rem;
-        text-decoration: none;
-    }
-
-    .top-row ::deep a:hover, .top-row ::deep .btn-link:hover {
-        text-decoration: underline;
-    }
-
-    .top-row ::deep a:first-child {
-        overflow: hidden;
-        text-overflow: ellipsis;
-    }
-
-@media (max-width: 640.98px) {
-    .top-row:not(.auth) {
-        display: none;
-    }
-
-    .top-row.auth {
-        justify-content: space-between;
-    }
-
-    .top-row ::deep a, .top-row ::deep .btn-link {
-        margin-left: 0;
-    }
-}
-
-@media (min-width: 641px) {
-    .page {
-        flex-direction: row;
-    }
-
-    .sidebar {
-        width: 300px;
-        height: 100vh;
-        position: sticky;
-        top: 0;
-    }
-
-    .top-row {
-        position: sticky;
-        top: 0;
-        z-index: 1;
-    }
-
-    .top-row.auth ::deep a:first-child {
-        flex: 1;
-        text-align: right;
-        width: 0;
-    }
-
-    .top-row, article {
-        padding: 2rem !important;
-    }
+article {
+    padding: 0 !important;
+    margin: 0 !important;
 }
diff --git a/EnvelopeGenerator.ReceiverUI/wwwroot/css/app.css b/EnvelopeGenerator.ReceiverUI/wwwroot/css/app.css
index f9a4dea3..9f967169 100644
--- a/EnvelopeGenerator.ReceiverUI/wwwroot/css/app.css
+++ b/EnvelopeGenerator.ReceiverUI/wwwroot/css/app.css
@@ -3,6 +3,8 @@
 html, body {
     font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
     padding: 0;
+    margin: 0;
+    width: 100%;
 }
 
 html, body {
@@ -10,13 +12,19 @@ html, body {
     overflow: hidden;
 }
 
+main, .page {
+    margin: 0;
+    padding: 0;
+    width: 100%;
+}
+
 article {
     height: calc(100vh - 36px);
     display: flex;
     flex-direction: column;
     overflow-y: auto;
-    padding-left: 0 !important;
-    padding-right: 0 !important;
+    padding: 0 !important;
+    margin: 0 !important;
 }
 
 .receiver-page-layout {