Limit max image width to preserve space for text

Author: phl0

application/views/qso/index.php

@@ -874,7 +874,7 @@
         </div>
 
         <div class="card-body callsign-image d-flex gap-3">
-            <div class="callsign-image-content" id="callsign-image-content" style="flex-shrink: 0; max-width: 100%;">
+            <div class="callsign-image-content" id="callsign-image-content" style="flex-shrink: 0;">
             </div>
             <div class="callsign-image-info" id="callsign-image-info" style="flex-grow: 1; min-width: 0; display: none;">
             </div>

assets/css/general.css

@@ -647,6 +647,7 @@ div#station_logbooks_linked_table_paginate {
 .callsign-image-content {
 	display: block;
 	max-height: 300px;
+	max-width: 75%;
 	text-align: center;
 }
 
@@ -1417,4 +1418,4 @@ svg text.month { fill: #AAA; }
 /* Ensure tooltip appears above everything */
 .tooltip {
     z-index: 9999 !important;
-}
+}