Fix demo for Blink Browsers

src/app/app.component.html

@@ -5,6 +5,7 @@
   <form>
     <fieldset class="source-fieldset">
       <legend>Base</legend>
+      <div>
         <label>Color: <input type="text"
                  [(value)]="baseColor"
                  (change)="baseColor = $event.target.value"
@@ -14,10 +15,11 @@
              *ngIf="baseColor">
           <div [style.background-color]="baseColor">&nbsp;</div>
         </div>
-
+      </div>
     </fieldset>
     <fieldset class="additionnal">
       <legend>Additionnal</legend>
+      <div>
         <div class="luminosity">
           <label> <span>Luminosity [-1; 1]:</span><input type="number"
                    min="-1.000"
@@ -101,11 +103,13 @@
           <button type="button"
                   (click)="change()">Change</button>
         </div>
+      </div>
     </fieldset>
   </form>
   <aside>
     <fieldset class="result-fieldset">
       <legend>Result</legend>
+      <div>
         <div class="result">
           <div [style.background-image]="gradient">
             &nbsp;
@@ -132,6 +136,7 @@
             <div [style.background-color]="colorHsl">&nbsp;</div>
           </div>
         </div>
+      </div>
     </fieldset>
   </aside>
 </main>

src/app/app.component.scss

@@ -30,7 +30,7 @@ aside {
     padding: 0 15px
 }
 
-.additionnal {
+.additionnal > div {
     display: grid;
     width: 100%;
     grid-template:
@@ -106,7 +106,7 @@ button {
     }
 }
 
-.source-fieldset {
+.source-fieldset > div {
     display: flex;
 }