fix margin (#161)

pyronear · Jul 7, 2024 · 2741c08 · 2741c08
1 parent 2380757
commit 2741c08
Show file tree

Hide file tree

Showing 2 changed files with 12 additions and 5 deletions.
diff --git a/app/assets/css/style.css b/app/assets/css/style.css
@@ -37,9 +37,16 @@ a.no-underline {
   border: 2px solid #044448;
   border-radius: 10px;  
   background-color: rgba(4, 68, 72, 0.1);
-  margin-bottom: 20px;
 }
 
+.common-style-slider {
+  border: 2px solid #044448;
+  border-radius: 10px;  
+  background-color: rgba(4, 68, 72, 0.1);
+  margin-top: 10px;
+}
+
+
 /* Specific style for highlighted text */
 .highlight-text {
   font-size: 24px;

diff --git a/app/pages/homepage.py b/app/pages/homepage.py
@@ -42,7 +42,8 @@ def homepage_layout(user_headers, user_credentials):
                             html.Div(
                                 dcc.Slider(id="image-slider", min=0, max=10, step=1, value=0),
                                 id="slider-container",
-                                style={"display": "none"},
+                                className="common-style-slider",
+                                style={"display": "none", "marginTop": "10px"},
                             ),
                             dbc.Row(
                                 [
@@ -94,7 +95,7 @@ def homepage_layout(user_headers, user_credentials):
                                     ),
                                 ],
                                 className="mb-4",
-                                style={"display": "flex"},
+                                style={"display": "flex", "marginTop": "10px"},
                             ),
                         ],
                         width=8,
@@ -104,7 +105,7 @@ def homepage_layout(user_headers, user_credentials):
                             dbc.Row(
                                 dbc.Button(
                                     "Agrandir la carte",
-                                    className="btn-uniform common-style",
+                                    className="common-style",
                                     style={"backgroundColor": "#FEBA6A"},
                                     id="map-button",
                                 ),
@@ -118,7 +119,6 @@ def homepage_layout(user_headers, user_credentials):
                                         "position": "relative",
                                         "width": "100%",
                                         "paddingTop": "100%",
-                                        "margin": "auto",
                                     },
                                 ),
                             ),