chore: update github badges layout for small screen

Author: rezigned

.github/workflows/github-pages.yml

@@ -3,7 +3,7 @@ name: Release to Github Pages
 
 on:
   push:
-    branches: [main]
+    branches: [main, deploy-github-pages]
     paths:
       - 'platforms/web/**'
       - '.github/workflows/github-pages.yml'

platforms/web/styles.css

@@ -668,17 +668,12 @@ body {
     .app {
         padding: 1.5rem;
     }
+    .socials {
+      flex-direction: column;
+    }
     .main-layout, .left-panel, .right-panel {
         gap: 1.5rem;
     }
-    .card, .program-selector-section, .editor-section, .tape-view,
-.state-display,
-.control-panel,
-.graph-view,
-.multi-tape-view,
-.status-section {
-    /* These styles are now handled by .section */
-}
     .btn {
         padding: 0.7rem 1.4rem;
         font-size: 0.9rem;
@@ -687,10 +682,12 @@ body {
 
 .socials {
     position: absolute;
-    top: 1.5rem;
-    right: 1.5rem;
+    right: 0;
+    top: 0;
     display: flex;
+    justify-content: flex-end;
     gap: 5px;
+    margin: 1rem 1rem 0 0;
     z-index: 10;
 }
 /* Share Button Styles */