sync modal confirm

Step/wwwroot/assets/styles/base/modals.less

@@ -277,4 +277,19 @@ sans-serif;
             color: #fff;
         }
     }
+    .typology{
+        display: flex;
+        flex-flow: column;
+        .typology_lbl{
+            margin-top: 22px;
+            margin-left: 24px;
+            font-size: 14px;
+            line-height: 1.29;
+            color: @color-warm-grey;
+        }
+        .radiobutton{
+            
+        }
+    }
+
 }

Step/wwwroot/assets/styles/style.css

@@ -244,6 +244,17 @@
   background-color: #1791ff;
   color: #fff;
 }
+.modal.create-maintenance .typology {
+  display: flex;
+  flex-flow: column;
+}
+.modal.create-maintenance .typology .typology_lbl {
+  margin-top: 22px;
+  margin-left: 24px;
+  font-size: 14px;
+  line-height: 1.29;
+  color: #878787;
+}
 .row {
   display: flex;
   width: 100%;

Step/wwwroot/src/modules/create-maintenance.vue

@@ -1,12 +1,14 @@
 <template>
   <modal type="create-maintenance" :title="'create_maintenance_lbl_title' | localize('Creazione intervento di manutenzione')">
     <button class="close" slot="header-buttons"><i class="fa fa-remove"></i></button>
+    <div class="typology">
+        <label class="typology_lbl">{{'create_maintenance_lbl_typology' | localize("Tipologia")}}</label>
+        <div class="radiobutton">
+            <label><input type="radio">Evento Macchina</label>
+            <label><input type="radio">Temporale</label>
+        </div>
+    </div>
     <div>
-      <div class="typology">
-          <label class="typology_lbl">{{'create_maintenance_lbl_typology' | localize("Tipologia")}}</label>
-            <label>Evento Macchina<input type="radio"></label>
-            <label>Temporale<input type="radio"></label>
-      </div>
         <div class="title">
             <label class="title_lbl">{{'create_maintenance_lbl_title' | localize("Titolo")}}</label>
             <input type="text">