Form fine tuning and link list add

components/03_Organisms/form/_form.scss

@@ -1,11 +1,20 @@
 .LP-Form{
-    display: flex;
     flex-direction: column;
     align-items: center;
 
+	&--inline{
+		padding: 0 10px;
+		.LP-Form__Fieldset{
+			.LP-Form__Composition{
+				gap: 10px;
+			}
+		}
+	}
+
     .LP-Form__Fieldset{
         border: none;
-        
+		padding: 0;
+		margin: 0;
         max-width: 1200px;
         min-width: $-viewport-medium;
 
@@ -16,55 +25,64 @@
             font-size: 21px;
         }
 
+	}
+	
+	.LP-Form__Composition{
+		display: flex;
+		flex-direction: row;
+		justify-content: space-between;
+		gap: 30px;
 
-        .LP-Form__Composition{
-            display: flex;
-            flex-direction: row;
-            justify-content: space-between;
-            
-            .LP-Form__Field{
-                flex: 3 2 100px;
-                padding: 6px 15px;
+		&--buttons{
+			gap: 10px;
+		}
+		
+		.LP-Form__Field{
+			flex: 3 2 100px;
+			padding: 6px 0;
 
-                &--wider{
-                    flex: 5 2;
-                }
+			&--wider{
+				flex: 5 2;
+			}
 
-                &--wide{
-                    flex: 4 2;
-                }
+			&--wide{
+				flex: 4 2;
+			}
 
-                &--narrow{
-                    flex: 2 1;
-                }
+			&--narrow{
+				flex: 2 1;
+			}
 
-                &--narrower{
-                    flex: 1 2;
-                }
-            }
+			&--narrower{
+				flex: 1 2;
+			}
+			
+			&--static{
+				flex: 0 0;
+			}
+		}
 
-            &--buttons{
-                justify-content: flex-end;
-            }
+		&--buttons{
+			justify-content: flex-end;
+		}
 
-            .LP-Form__Button{
-                flex-grow: 0;
-                padding-left: 0;
-                min-width: 130px;
+		.LP-Form__Button{
+			flex-grow: 0;
+			padding-left: 0;
+			min-width: 130px;
 
-                .LP-Link{
-                    display:contents;
-                }
-            }
-            
-            .LP-Form__InfoText{
-                .LP-Paragraph{
-                font-family: $-primary-sans-serif-font;
-                color: $-grey;
-                }
-            }
-        }
-    }
+			.LP-Link{
+				display:contents;
+			}
+		}
+		
+		.LP-Form__InfoText{
+			.LP-Paragraph{
+			font-family: $-primary-sans-serif-font;
+			color: $-grey;
+			}
+		}
+	}
 }
 
 @media(max-width: $-viewport-medium){
@@ -88,7 +106,7 @@
 }
 
 @media(max-width: $-viewport-extra-small){
-    .LP-Form{
+    .LP-Form :not(.LP-Form--inline){
         .LP-Form__Fieldset{
             .LP-Form__Composition{
                 display: flex;

components/03_Organisms/form/form.hbs

@@ -50,7 +50,7 @@
             </div>
             <div class="LP-Form__Field LP-Form__Field--wide LP-Input">
                 <label for="input123" class="LP-Input__Label">Town</label>
-                <input type="text" id="input123" class="LP-Input__Field"/>
+				<input type="text" id="input123" class="LP-Input__Field"/>
             </div>
         </div>