Moved hint description under the input form instead of before det input form. Matches the design of the rest of the document.

Author: AugustHA-Iterator

src/app/applications/multicast/multicast-edit/multicast-edit.component.html

@@ -36,9 +36,6 @@
         'QUESTION.GIVE-MULTICAST-ADDRESS' | translate
       }}</label
       >*
-      <label class="text--small">
-        {{'QUESTION.MULTICAST.HINT-8-HEXA' | translate}}
-      </label>
       <input
         type="text"
         [placeholder]="'QUESTION.MULTICAST-ADDRESS-PLACEHOLDER' | translate"
@@ -55,16 +52,16 @@
         }"
         (keypress)="keyPressHexadecimal($event)"
       />
+      <label>
+        {{'QUESTION.MULTICAST.HINT-8-HEXA' | translate}}
+      </label>
     </div>
 
     <div class="form-group mt-3">
       <label class="form-label" for="mcNwkSKey">{{
         'QUESTION.GIVE-MULTICAST-NETWORK-KEY' | translate
       }}</label
       >*
-      <label class="text--small">
-        {{'QUESTION.MULTICAST.HINT-32-HEXA' | translate}}
-      </label>
       <input
         type="text"
         [placeholder]="'QUESTION.MULTICAST-NETWORK-KEY-PLACEHOLDER' | translate"
@@ -80,16 +77,16 @@
         }"
         (keypress)="keyPressHexadecimal($event)"
       />
+      <label>
+        {{'QUESTION.MULTICAST.HINT-32-HEXA' | translate}}
+      </label>
     </div>
 
     <div class="form-group mt-3">
       <label class="form-label" for="mcAppSKey">{{
         'QUESTION.GIVE-MULTICAST-APPLICATION-KEY' | translate
       }}</label
       >*
-      <label class="text--small">
-        {{'QUESTION.MULTICAST.HINT-32-HEXA' | translate}}
-      </label>
       <input
         type="text"
         [placeholder]="
@@ -107,6 +104,9 @@
         }"
         (keypress)="keyPressHexadecimal($event)"
       />
+      <label>
+        {{'QUESTION.MULTICAST.HINT-32-HEXA' | translate}}
+      </label>
     </div>
 
     <div class="form-group mt-3">
@@ -134,9 +134,6 @@
         'QUESTION.GIVE-MULTICAST-DATARATE' | translate
       }}</label
       >*
-      <div class="text--small">
-        {{'QUESTION.MULTICAST.HINT-DATA-RATE' | translate}}
-      </div>
       <input
         type="number"
         [placeholder]="multicast.dr"
@@ -150,16 +147,16 @@
           'is-valid': formFailedSubmit && !errorFields.includes('dr')
         }"
       />
+      <label>
+        {{'QUESTION.MULTICAST.HINT-DATA-RATE' | translate}}
+      </label>
     </div>
 
     <div class="form-group mt-3">
       <label class="form-label" for="frequency">{{
         'QUESTION.GIVE-MULTICAST-FREQUENCY' | translate
       }}</label
       >*
-      <div class="text--small">
-        {{'QUESTION.MULTICAST.HINT-FREQUENCY' | translate}}
-      </div>
       <input
         type="number"
         [placeholder]="multicast.frequency"
@@ -173,6 +170,9 @@
           'is-valid': formFailedSubmit && !errorFields.includes('frequency')
         }"
       />
+      <label>
+        {{'QUESTION.MULTICAST.HINT-FREQUENCY' | translate}}
+      </label>
     </div>
 
     <div class="form-group mt-3">