From 24b513f93055bc1659c8c4951acbaa78f7d2a8e6 Mon Sep 17 00:00:00 2001
From: Pierre Ecarlat <pecarlat@grandlyon.com>
Date: Mon, 4 Mar 2024 14:04:20 +0100
Subject: [PATCH] Fixed the width for structure details
---
.../structure-details.component.scss | 11 +++++++++++
1 file changed, 11 insertions(+)
diff --git a/src/app/structure-list/components/structure-details/structure-details.component.scss b/src/app/structure-list/components/structure-details/structure-details.component.scss
index b596c3856..9b51f2a71 100644
--- a/src/app/structure-list/components/structure-details/structure-details.component.scss
+++ b/src/app/structure-list/components/structure-details/structure-details.component.scss
@@ -15,6 +15,7 @@
position: fixed;
z-index: $structure-details-z-index;
height: 100%;
+ width: 100%;
h1 {
@include font-bold-24;
@@ -37,6 +38,10 @@
width: 600px;
box-shadow: 0px 12px 24px 0px rgba(0, 0, 0, 0.1);
background-color: $white;
+
+ @media (max-width: 600px) {
+ width: 100%;
+ }
}
// Default section styles
@@ -77,6 +82,12 @@ section.actions {
flex-direction: row;
justify-content: space-around;
overflow-y: auto;
+
+ @media (max-width: 600px) {
+ flex-wrap: wrap;
+ row-gap: 16px;
+ }
+
.clickableDiv {
text-align: center;
max-width: 65px;
--
GitLab