🎨 style remove strange section sizes, h1 size greater

src/app/pages/visibility/visibility.component.html

@@ -146,7 +146,7 @@
 </section>
 
 <a [routerLink]="'/step/end'"
-   class="btn btn--primary">
+   class="btn btn-link btn--primary">
     {{"visibility.validate_btn"|translate}}
 </a>
 <div class="back">

src/assets/scss/atoms/_buttons.scss

@@ -1,6 +1,6 @@
 @charset "UTF-8";
 
-@mixin btnTheme ($color) {
+@mixin btnTheme($color) {
     background-color: $color;
     color: $white;
     &.btn--outline {
@@ -12,6 +12,7 @@
     &:hover,
     &:active {
         background-color: rgba($color, .8);
+
         &.btn--outline {
             background-color: rgba($color, .2);
         }
@@ -43,9 +44,16 @@
         display: block;
         min-width: 100%;
     }
-    &--mini{
-      background-color: $mini-button-color;
+
+    &--mini {
+        background-color: $mini-button-color;
 
     }
 
+    &--link {
+        min-width: 219.3px;
+        margin: 0 auto;
+        display: block;
+    }
+
 }

src/assets/scss/atoms/_forms.scss

@@ -5,10 +5,18 @@
     width: 100%;
 }
 
-input[type="date"]::after {
-    content: "au format JJ/MM/AAAA";
-    display: inline-block;
-    position: relative;
+select {
+    margin-right: 1ch;
+}
+
+input {
+    margin-right: 1ch;
+
+    &[type="date"]::after {
+        content: "au format JJ/MM/AAAA";
+        display: inline-block;
+        position: relative;
+    }
 }
 
 input,

src/assets/scss/atoms/_headings.scss

@@ -2,14 +2,15 @@
 
 h1,
 h2 {
-  font-family: $title_font;
+    font-family: $title_font;
 }
 
 h1 {
-  font-size: 2rem;
-  font-weight: 600;
+    font-size: 2.5rem;
+    font-weight: 600;
 }
-h1::after{
-  background-color: $primary_color;
-  height:2px;
+
+h1::after {
+    background-color: $primary_color;
+    height: 2px;
 }

src/assets/scss/atoms/_section.scss

@@ -1,7 +1 @@
 @charset "UTF-8";
-
-section {
-    & + & {
-        margin-top: 6rem;
-    }
-}