Merge pull request #1972 from DSD-DBS/small-screen-margin

chore: Add small margin to main page on small screens
DSD-DBS · Nov 11, 2024 · b95a194 · b95a194
2 parents aefb522 + e45cad7
commit b95a194
Showing 1 changed file with 13 additions and 11 deletions.
diff --git a/frontend/src/app/sessions/sessions.component.html b/frontend/src/app/sessions/sessions.component.html
@@ -3,15 +3,17 @@
  ~ SPDX-License-Identifier: Apache-2.0
  -->
 
-<div class="mb-12 hidden tall:block"><app-welcome /></div>
+<div class="mb-10 hidden tall:block"><app-welcome /></div>
 
-<app-user-sessions-wrapper>
-  <div class="flex flex-wrap justify-around gap-4">
-    <app-create-persistent-session
-      class="w-[360px] sm:w-[450px]"
-    ></app-create-persistent-session>
-    <app-active-sessions
-      class="mt-[10px] w-[360px] sm:mt-0 sm:w-[450px]"
-    ></app-active-sessions>
-  </div>
-</app-user-sessions-wrapper>
+<div class="mt-2">
+  <app-user-sessions-wrapper>
+    <div class="flex flex-wrap justify-around gap-4">
+      <app-create-persistent-session
+        class="w-[360px] sm:w-[450px]"
+      ></app-create-persistent-session>
+      <app-active-sessions
+        class="mt-[10px] w-[360px] sm:mt-0 sm:w-[450px]"
+      ></app-active-sessions>
+    </div>
+  </app-user-sessions-wrapper>
+</div>