Auditor/Organisation layouts

app/assets/stylesheets/application_settings.scss

@@ -29,11 +29,3 @@ body {
   font-family: 'Inter', sans-serif;
   background-color: var(--bg-color);
 }
-
-@media screen and (min-width: 1024px) {
-.main-container.top-main{
-  margin-left: 144px;
-  width: calc(100% - 144px);
-  // margin: 0 auto;]
-  // max-width: 1260px;
-}}

app/assets/stylesheets/main.scss

@@ -1,3 +1,38 @@
+.main-header {
+    width: 100vw;
+    text-align: center;
+    font-size: 2.5rem;
+    font-weight: var(--bold);
+}
+
+.nav-container {
+    width: 20%;
+    margin: 0 auto;
+    display: flex;
+    justify-content: space-around;
+
+}
+
+.add-new {
+    text-align: center;
+    width: 100vw;
+    margin-block: 15px;
+}
+
+a.link {
+    border: 1px solid black;
+    border-radius: 20px 20px;
+    padding: 10px;
+    font-size: 1.5rem;
+
+}
+
+a.link:hover {
+    background-color: black;
+    color: var(--white-color)
+
+}
+
 .header{
     width: 100vw;
     text-align: center;
@@ -7,23 +42,40 @@
     font-size: 2.5rem;
     font-weight: var(--bold);
 }
-.organisations-data {
+
+.informations-data {
     display: flex;
     flex-direction: column;
     justify-content: space-between;
-    border: 8px solid black;
     height: 100vh;
-
+    min-width: 300px;
+    max-width: 1200px;
+    margin: 0 auto;
 }
 
+.vh-50-height {
+    height: 50vh;
+}
 
-.organisation-data {
-    border: 2px solid grey;
-    white-space: pre-line;
+.information-data {
+    border: 2px solid black;
     display: flex;
     flex-direction: column;
+    padding: 5px;
 }
-.organisation-elem {
+
+.information-elem {
     font-weight: var(--semi-bold);
     font-size: 1.5rem;
+    padding: 2.5px;
+}
+
+.green {
+    color: green;
+}
+
+.add-new-organisation {
+    border: 1px solid #ccc; 
+    padding: 10px; 
+    margin: 10px 0;
 }