increase frontend flexibility

frontend/src/views/TelemetryListView.vue

@@ -5,6 +5,9 @@ import TelemetryList from '@/components/TelemetryList.vue';
 import type { TelemetryDefinition } from '@/composables/telemetry';
 import TelemetryInfo from '@/components/TelemetryInfo.vue';
 import FlexDivider from '@/components/FlexDivider.vue';
+import ScreenLayout from '@/components/layout/ScreenLayout.vue';
+import { Direction } from '@/composables/Direction.ts';
+import { ScreenType } from '@/composables/ScreenType.ts';
 
 const searchValue = ref('');
 
@@ -13,7 +16,7 @@ const mousedover = ref<TelemetryDefinition | null>(null);
 </script>
 
 <template>
-    <div class="row stretch screen limited content">
+    <ScreenLayout :direction="Direction.Row" :type="ScreenType.Standard" limit>
         <div class="column grow2 stretch no-min-height no-basis">
             <div class="row">
                 <TextInput
@@ -44,7 +47,7 @@ const mousedover = ref<TelemetryDefinition | null>(null);
                 :selection="selected"
             ></TelemetryInfo>
         </div>
-    </div>
+    </ScreenLayout>
 </template>
 
 <style lang="scss">