GWEI fixed - indentation issue persists

Signed-off-by: AyushRajSinghParihar <ayushrajparihar222sp@gmail.com>

Author: ayushrajparihar

frontend/src/app/web3-sandbox/web3-sandbox.component.html

@@ -56,8 +56,9 @@ <h4>Compiler Errors:</h4>
       </div>
       <div *ngIf="compiledContracts">
         <h3 class="contracts-title">{{ "TITLE_CONTRACT_DEPLOYMENT" | translate}}</h3>
+      <div class="form-fields-container">
         <mat-form-field
-          style="width: 45%; margin-right: 10%"
+          class="contract-selector"
           appearance="outline"
           color="accent"
         >
@@ -71,14 +72,19 @@ <h3 class="contracts-title">{{ "TITLE_CONTRACT_DEPLOYMENT" | translate}}</h3>
             </option>
           </select>
         </mat-form-field>
-        <mat-form-field>
+        <mat-form-field
+          class="gwei-input"
+          appearance="outline"
+          color="accent"
+        >
+          <mat-label>{{ "GWEI_VALUE_FOR_SENDING_ETH" | translate }}</mat-label>
           <input
             matInput
             type="number"
-            [placeholder]="'GWEI_VALUE_FOR_SENDING_ETH' | translate"
             [(ngModel)]="commonGweiValue"
           />
         </mat-form-field>
+          </div>
         <button
           mat-raised-button
           type="button"

frontend/src/app/web3-sandbox/web3-sandbox.component.scss

@@ -118,3 +118,21 @@ ul {
   font-weight: 500;
   margin-top: 16px;
 }
+
+.form-fields-container {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 16px;
+  margin-bottom: 16px;
+  width: 100%;
+}
+
+.contract-selector {
+  flex: 1 1 60%;
+  min-width: 200px;
+}
+
+.gwei-input {
+  flex: 1 1 30%;
+  min-width: 150px;
+}