From 7ee4f6b61f58278d62d2f7cfd30ede7fe97aaf2a Mon Sep 17 00:00:00 2001
From: DJ2LS <dj2ls@proton.me>
Date: Fri, 5 Jan 2024 21:27:11 +0100
Subject: [PATCH] playing a bit with grid..

---
 gui/src/components/dynamic_components2.vue              | 4 ++--
 gui/src/components/grid/grid_active_broadcasts_vert.vue | 8 ++++----
 gui/src/components/grid/grid_mycall.vue                 | 6 +++---
 gui/src/components/grid/grid_ptt.vue                    | 6 ++++--
 4 files changed, 13 insertions(+), 11 deletions(-)

diff --git a/gui/src/components/dynamic_components2.vue b/gui/src/components/dynamic_components2.vue
index 6e1650b0..caca9a74 100644
--- a/gui/src/components/dynamic_components2.vue
+++ b/gui/src/components/dynamic_components2.vue
@@ -138,7 +138,7 @@ const gridWidgets = [
   ),
   new gridWidget(
     grid_ptt,
-    { x: 17, y: 8, w: 2, h: 8 },
+    { x: 17, y: 8, w: 5, h: 12 },
     "Tx/PTT indicator",
     true,
     true,
@@ -146,7 +146,7 @@ const gridWidgets = [
   ),
   new gridWidget(
     grid_mycall,
-    { x: 8, y: 40, w: 5, h: 8 },
+    { x: 8, y: 40, w: 5, h: 15 },
     "My callsign widget",
     true,
     true,
diff --git a/gui/src/components/grid/grid_active_broadcasts_vert.vue b/gui/src/components/grid/grid_active_broadcasts_vert.vue
index 741ea9c3..18e4f608 100644
--- a/gui/src/components/grid/grid_active_broadcasts_vert.vue
+++ b/gui/src/components/grid/grid_active_broadcasts_vert.vue
@@ -42,7 +42,7 @@ var dxcallPing = ref("");
           v-model="dxcallPing"
         />
         <button
-          class="btn btn-sm btn-outline-secondary"
+          class="btn btn-sm btn-outline-secondary w-50"
           id="sendPing"
           type="button"
           data-bs-placement="bottom"
@@ -52,7 +52,8 @@ var dxcallPing = ref("");
           title="Send a ping request to a remote station"
           @click="transmitPing()"
         >
-          Ping
+
+          Send ping
         </button>
       </div>
       <button
@@ -75,8 +76,7 @@ var dxcallPing = ref("");
         type="button"
         title="Send a CQ to the world"
         @click="sendModemCQ()"
-      >
-        Call CQ
+      >        <h3>CQ CQ CQ</h3>
       </button>
     </div>
   </div>
diff --git a/gui/src/components/grid/grid_mycall.vue b/gui/src/components/grid/grid_mycall.vue
index d324c180..487ac7f9 100644
--- a/gui/src/components/grid/grid_mycall.vue
+++ b/gui/src/components/grid/grid_mycall.vue
@@ -13,12 +13,12 @@ function updateMyCall() {
 </script>
 <template>
   <div
-    class="d-flex justify-content-center align-items-center object-fill border rounded text-bg-light w-100 h-100"
+    class="d-flex justify-content-center align-items-center object-fill border rounded w-100 h-100"
   >
-    <strong>
+    <h1>
       {{ settingsStore.remote.STATION.mycall }}-{{
         settingsStore.remote.STATION.myssid
       }}
-    </strong>
+    </h1>
   </div>
 </template>
diff --git a/gui/src/components/grid/grid_ptt.vue b/gui/src/components/grid/grid_ptt.vue
index 9af6a80a..202d41c1 100644
--- a/gui/src/components/grid/grid_ptt.vue
+++ b/gui/src/components/grid/grid_ptt.vue
@@ -9,8 +9,10 @@ const state = useStateStore(pinia);
 <template>
   <div
     class="d-flex justify-content-center align-items-center object-fill border rounded w-100 h-100"
-    :class="state.ptt_state === true ? 'text-bg-warning' : 'text-bg-light'"
+    :class="state.ptt_state === true ? 'text-bg-warning' : 'text-bg-white'"
   >
-    TX
+  <h2>
+    ON AIR
+  </h2>
   </div>
 </template>