From d127222d0426b9653579209766bd5d85d1ee1f8b Mon Sep 17 00:00:00 2001
From: Michael Wedl <michael@syslifters.com>
Date: Mon, 13 Nov 2023 06:58:25 +0100
Subject: [PATCH] Fix CVSS editor UI on small resolutions

---
 frontend/src/components/S/CvssField.vue | 44 +++++++++++++------------
 1 file changed, 23 insertions(+), 21 deletions(-)

diff --git a/frontend/src/components/S/CvssField.vue b/frontend/src/components/S/CvssField.vue
index fd1d68613..64619b8eb 100644
--- a/frontend/src/components/S/CvssField.vue
+++ b/frontend/src/components/S/CvssField.vue
@@ -24,28 +24,30 @@
       </template>
 
       <template #title>
-        CVSS Editor
+        <span v-if="availableCvssVersions.length > 1">
+          <v-btn-toggle
+            v-model="editorCvssVersion"
+            :disabled="props.disabled"
+            mandatory
+            :border="true"
+            color="secondary"
+            density="compact"
+            class="mr-2"
+          >
+            <v-btn 
+              :value="CvssVersion.CVSS40" 
+              :text="CvssVersion.CVSS40" 
+              :disabled="props.disabled || !availableCvssVersions.includes(CvssVersion.CVSS40)" 
+            />
+            <v-btn 
+              :value="CvssVersion.CVSS31" 
+              :text="CvssVersion.CVSS31" 
+              :disabled="props.disabled || !availableCvssVersions.includes(CvssVersion.CVSS31)" 
+            />
+          </v-btn-toggle>
 
-        <v-btn-toggle
-          v-model="editorCvssVersion"
-          :disabled="props.disabled"
-          mandatory
-          :border="true"
-          color="secondary"
-          density="compact"
-          class="ml-3"
-        >
-          <v-btn 
-            :value="CvssVersion.CVSS40" 
-            :text="CvssVersion.CVSS40" 
-            :disabled="props.disabled || !availableCvssVersions.includes(CvssVersion.CVSS40)" 
-          />
-          <v-btn 
-            :value="CvssVersion.CVSS31" 
-            :text="CvssVersion.CVSS31" 
-            :disabled="props.disabled || !availableCvssVersions.includes(CvssVersion.CVSS31)" 
-          />
-        </v-btn-toggle>
+          {{ editorCvssVersion }} Editor
+        </span>
       </template>
       <template #toolbar>
         <div class="cvss-score mr-2" :class="'level-' + editorScoreInfo.levelNumber">