playing a bit with grid..

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,

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>

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>

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>