Show Inkrafttretedatum and Ausserkrafttretedatum on the same "line"

digitalservicebund · Jan 17, 2025 · 609a70d · 609a70d
1 parent cbc3a70
commit 609a70d
Showing 1 changed file with 28 additions and 8 deletions.
diff --git a/frontend/src/routes/documentUnit/[documentNumber]/RubrikenPage.vue b/frontend/src/routes/documentUnit/[documentNumber]/RubrikenPage.vue
@@ -50,14 +50,34 @@ const inkrafttretedatum = ref()
         </InputField>
       </div>
 
-      <InputField id="inkrafttretedatum" label="Datum des Inkrafttretens *" class="w-full min-w-0">
-        <DateInput
-          id="inkrafttretedatum"
-          v-model="inkrafttretedatum"
-          aria-label="Inkrafttretedatum"
-          class="ds-input-medium"
-        ></DateInput>
-      </InputField>
+      <div class="flex flex-col">
+        <div class="flex flex-row gap-24">
+          <InputField
+            id="inkrafttretedatum"
+            label="Datum des Inkrafttretens *"
+            class="w-full min-w-0"
+          >
+            <DateInput
+              id="inkrafttretedatum"
+              v-model="inkrafttretedatum"
+              aria-label="Inkrafttretedatum"
+              class="ds-input-medium"
+            ></DateInput>
+          </InputField>
+          <InputField
+            id="ausserkrafttretedatum"
+            label="Datum des Ausserkrafttretens"
+            class="w-full min-w-0"
+          >
+            <DateInput
+              id="ausserkrafttretedatum"
+              v-model="ausserkrafttretedatum"
+              aria-label="Ausserkrafttretedatum"
+              class="ds-input-medium"
+            ></DateInput>
+          </InputField>
+        </div>
+      </div>
     </div>
   </div>
 </template>