feat(admin): enhance region editor layout and adjust styling for better visibility

frontend/src/views/admin/falukant/MapRegionsView.vue

@@ -69,7 +69,7 @@
 
           <SimpleTabs v-model="activeTab" :tabs="tabs" />
 
-          <div v-if="activeTab === 'regions'">
+          <div v-if="activeTab === 'regions'" class="region-editor">
             <div class="create-region">
               <h3>{{ $t('admin.falukant.map.createRegion.title') }}</h3>
               <table class="create-region-table">
@@ -999,6 +999,7 @@ export default {
 }
 
 .details {
+  order: -1;
   margin-top: 12px;
   padding: 12px;
   border: 1px solid #b9d5ef;
@@ -1265,6 +1266,7 @@ export default {
 }
 
 .empty-selection {
+  order: -1;
   margin: 12px 0 0;
   padding: 10px;
   border: 1px dashed #c5d0da;
@@ -1272,6 +1274,11 @@ export default {
   font-size: 0.85rem;
 }
 
+.region-editor {
+  display: flex;
+  flex-direction: column;
+}
+
 .create-region {
   margin-top: 0.5rem;
   padding: 0.5rem;