implement default map.apps scroll behavior (fixed button bar at the bottom and a scrollable container on top)

Author: julkuh

src/main/js/bundles/dn_labeling/LabelingWidget.vue

@@ -46,10 +46,11 @@
                                 class="ct-labeling-widget__edit-close-section mr-2"
                                 icon
                                 small
-                                v-on="on"
                                 :aria-label="i18n.finishEditingAttributeLabel"
+                                v-on="on"
                                 @click="edit = !edit"
                             >
+                                <!--TODO: maybe change Icon!-->
                                 <v-icon>close</v-icon>
                             </v-btn>
                         </template>

src/main/js/bundles/dn_labeling/css/styles.css

@@ -17,11 +17,13 @@
     display: flex;
     flex-direction: column;
     height: 100%;
+    justify-content: space-between;
 
     .ct-labeling-widget__selections {
         display: flex;
         flex-direction: column;
-        flex-grow: 1;
+        flex: 1 1 auto;
+        overflow: auto;
 
         .v-select__selections {
             display: grid;
@@ -43,7 +45,7 @@
     .ct-labeling-widget__controls-div {
         display: flex;
         flex-direction: column;
-        flex-shrink: 1;
+        flex: 0 0 auto;
 
         .circumference-switch {
             margin-top: 0;