From f7f6eeb6741623ef45a659d411dcaa78faf48452 Mon Sep 17 00:00:00 2001
From: Liliana Sanfilippo <liliana.sanfilippo@uni-bielefeld.de>
Date: Tue, 1 Oct 2024 19:09:30 +0200
Subject: [PATCH] mobile version css

---
 src/App/App.tsx        | 2 +-
 src/App/mediarules.css | 9 ++++++++-
 2 files changed, 9 insertions(+), 2 deletions(-)

diff --git a/src/App/App.tsx b/src/App/App.tsx
index 9597f299..3b026d61 100644
--- a/src/App/App.tsx
+++ b/src/App/App.tsx
@@ -84,7 +84,7 @@ const App = () => {
                 <div className="container-fluid">
                   <div className="row">
                     <Sidebar />
-                    <div className="col-9">
+                    <div className="full-col-phone col-9">
                       <Component />
                       <Villbuttonrow />
                     </div>
diff --git a/src/App/mediarules.css b/src/App/mediarules.css
index f5caa49b..ea650a42 100644
--- a/src/App/mediarules.css
+++ b/src/App/mediarules.css
@@ -252,8 +252,12 @@ h2, h3 {
     word-wrap: break-word; 
 }
 
+.framecycletab{
+  margin-left: 0 !important; 
+}
+
 body {
-    padding: 10px !important;
+/*     padding: 10px !important; */
     width: 202% ;
     overflow-x: hidden; /* Prevents horizontal scrolling */
     margin: 0;
@@ -298,6 +302,9 @@ body {
   font-weight: 900 !important;
   grid-template-columns: none;
 }
+.full-col-phone{
+  width: 100vw !important;
+}
 }
 
 /*For small Smartphones*/
-- 
GitLab