Modified layout of election creation page

src/routes/(app)/elections/ElectionEditor.svelte

@@ -28,27 +28,49 @@
   <h1 class="text-2xl font-bold">
     {isCreating ? m.elections_create() : m.elections_edit()}
   </h1>
-  <Input
-    name="markdown"
-    label={m.elections_content_sv()}
-    textarea
-    bind:value={$form.markdown}
-    error={$errors.markdown}
-    {...$constraints.markdown}
-  />
-  <Input
-    name="markdownEn"
-    label={m.elections_content_en()}
-    textarea
-    bind:value={$form.markdownEn}
-    error={$errors.markdownEn}
-    {...$constraints.markdownEn}
-  />
+  <label class="label-text" for="committee">{m.elections_committee()}*</label>
+  <select
+    id="committee"
+    name="committeeId"
+    class="max-w select select-bordered w-full"
+    bind:value={$form.committeeId}
+    {...$constraints.committeeId}
+  >
+    {#each data.committees as committeeOption}
+      <option value={committeeOption.id}>{committeeOption.name}</option>
+    {/each}
+  </select>
+  {#if $errors.committeeId}
+    <p class="text-error">{$errors.committeeId}</p>
+  {/if}
+  <div class="flex flex-col gap-0 *:w-full md:h-64 md:flex-row md:gap-8">
+    <Input
+      name="markdown"
+      label={m.elections_content_sv()}
+      textarea
+      bind:value={$form.markdown}
+      error={$errors.markdown}
+      class="h-full"
+      placeholder="- Post 1&#13;- Post 2&#13;- Post 3"
+      {...$constraints.markdown}
+    />
+    <Input
+      name="markdownEn"
+      label={m.elections_content_en()}
+      textarea
+      bind:value={$form.markdownEn}
+      error={$errors.markdownEn}
+      class="h-full"
+      placeholder="- Position 1&#13;- Position 2&#13;- Position 3"
+      {...$constraints.markdownEn}
+    />
+  </div>
   <Input
     name="link"
     label={m.elections_link()}
     bind:value={$form.link}
     error={$errors.link}
+    placeholder={m.elections_link_placeholder()}
     {...$constraints.link}
   />
   <Input
@@ -60,22 +82,6 @@
     error={$errors.expiresAt}
     {...$constraints.expiresAt}
   />
-
-  <label class="label-text" for="committee">{m.elections_committee()}*</label>
-  <select
-    id="committee"
-    name="committeeId"
-    class="max-w select select-bordered w-full"
-    bind:value={$form.committeeId}
-    {...$constraints.committeeId}
-  >
-    {#each data.committees as committeeOption}
-      <option value={committeeOption.id}>{committeeOption.name}</option>
-    {/each}
-  </select>
-  {#if $errors.committeeId}
-    <p class="text-error">{$errors.committeeId}</p>
-  {/if}
   <button type="submit" class="btn btn-primary mx-auto mt-4 w-4/12">
     {m.elections_save()}
   </button>

src/translations/en.json

@@ -793,6 +793,7 @@
   "elections_expiryDate": "Last application date (23:59)",
   "elections_committee": "Committee",
   "elections_save": "Save",
+  "elections_link_placeholder": "https://forms.google.com/... or https://dsek.se/news/...",
   "expenses": "Expenses",
   "expense": "Expense",
   "expenseCreated": "Expense created",

src/translations/sv.json

@@ -789,6 +789,7 @@
   "elections_expiryDate": "Sista ansökningsdag (23:59)",
   "elections_committee": "Utskott",
   "elections_save": "Spara",
+  "elections_link_placeholder": "https://forms.google.com/... eller https://dsek.se/news/...",
   "expenses": "Utlägg",
   "expense": "Utlägg",
   "expenseCreated": "Utlägg skapat",