changed readme-image & small css fixes

diff --git a/frontend/src/routes/(authed)/read/+page.svelte b/frontend/src/routes/(authed)/read/+page.svelte
index e610f0b3394ecba0a3603f2908c523dc82b45101..5ec196e448762a0adc7d485b76f26d8b80547f11 100644 (file)
--- a/frontend/src/routes/(authed)/read/+page.svelte
+++ b/frontend/src/routes/(authed)/read/+page.svelte
@@ -610,13 +610,6 @@
                border-radius: 15px;
        }
 
-       @media screen and (min-width: 576px) {
-               .log {
-                       margin-left: 1rem;
-                       margin-right: 1rem;
-               }
-       }
-
        :global(body[data-bs-theme='dark']) .log {
                box-shadow: 3px 3px 8px 4px rgba(0, 0, 0, 0.3);
        }
@@ -647,7 +640,7 @@
        }
 
        #scrollArea {
-               padding-right: 1rem;
+               padding-right: 0.5rem;
                overflow-y: auto;
                max-height: 100vh; /* scroll area uses remaining viewport height */
        }
@@ -658,9 +651,10 @@
                overflow-x: auto;
        }
 
-       @media (min-width: 1300px) and (max-width: 1450px) {
-               .files {
-                       max-width: 250px;
+       @media screen and (min-width: 576px) {
+               .log {
+                       margin-left: 1rem;
+                       margin-right: 1rem;
                }
        }
 
@@ -687,10 +681,17 @@
 
                .log {
                        flex-direction: column !important;
+                       margin-left: 1rem !important;
+                       margin-right: 0.5rem !important;
                }
 
                #scrollArea {
-                       margin-left: 1rem !important;
+                       margin-right: 0.5rem !important;
+               }
+
+               .layout-read {
+                       padding-right: 0 !important;
+                       padding-left: 0 !important;
                }
        }
 
@@ -709,6 +710,12 @@
                }
        }
 
+       @media (min-width: 1300px) and (max-width: 1450px) {
+               .files {
+                       max-width: 250px;
+               }
+       }
+
        @media (min-width: 769px) {
                .date {
                        min-width: 100px;

diff --git a/readme/combined_readme.png b/readme/combined_readme.png
index 5af96d5e561d4016a1793e124abe21124fa2ba78..c968d0cba9efaaf0fb6f2a3e08bb5c1c24613c5b 100644 (file)
Binary files a/readme/combined_readme.png and b/readme/combined_readme.png differ