From 7b8b2af27a56a030337da5e3e4c7ca9aa3854b17 Mon Sep 17 00:00:00 2001
From: Vitalii Lysak <v.lysak@dunice.net>
Date: Thu, 30 Jun 2022 15:23:49 +0300
Subject: fix console btns

---
 src/views/Operations/Kvm/KvmConsole.vue | 19 ++++++++++++++++++-
 1 file changed, 18 insertions(+), 1 deletion(-)

(limited to 'src')

diff --git a/src/views/Operations/Kvm/KvmConsole.vue b/src/views/Operations/Kvm/KvmConsole.vue
index c028a9fc..a9ae4622 100644
--- a/src/views/Operations/Kvm/KvmConsole.vue
+++ b/src/views/Operations/Kvm/KvmConsole.vue
@@ -14,9 +14,13 @@
           </dl>
         </b-col>
 
-        <b-col class="d-flex justify-content-end pr-1">
+        <b-col
+          class="d-flex justify-content-end pr-1 flex-column flex-sm-row"
+          md="8"
+        >
           <b-button
             v-if="isConnected"
+            class="btn-console"
             variant="link"
             type="button"
             @click="sendCtrlAltDel"
@@ -26,6 +30,7 @@
           </b-button>
           <b-button
             v-if="!isFullWindow"
+            class="btn-console"
             variant="link"
             type="button"
             @click="openConsoleWindow()"
@@ -167,4 +172,16 @@ export default {
 .margin-left-full-window {
   margin-left: 5px;
 }
+
+@media (max-width: 1200px) {
+  .btn-console {
+    font-size: 0.7rem;
+  }
+}
+
+@media (max-width: 576px) {
+  .btn-console {
+    justify-content: flex-end;
+  }
+}
 </style>
-- 
cgit v1.2.3