From 757c78dbd8c374da1d01d0193e12fa4a3627c040 Mon Sep 17 00:00:00 2001
From: Taka <taka@vm-linux-dev>
Date: Sat, 16 Jul 2022 10:53:02 +1000
Subject: [PATCH] Removed the text caption from some snippet buttons.

---
 vasl_templates/main_window.py                      |  2 +-
 vasl_templates/webapp/static/css/sortable.css      |  2 +-
 vasl_templates/webapp/static/css/tabs.css          |  2 +-
 vasl_templates/webapp/static/main.js               |  3 ++-
 vasl_templates/webapp/templates/tabs-ob1.html      |  8 ++++----
 vasl_templates/webapp/templates/tabs-scenario.html | 12 ++++++------
 6 files changed, 15 insertions(+), 14 deletions(-)

diff --git a/vasl_templates/main_window.py b/vasl_templates/main_window.py
index 65a3a8b..8edafbe 100644
--- a/vasl_templates/main_window.py
+++ b/vasl_templates/main_window.py
@@ -94,7 +94,7 @@ class MainWindow( QWidget ):
                 self.restoreGeometry( val )
             else :
                 self.resize( 1000, 650 )
-            self.setMinimumSize( 1000, 630 )
+            self.setMinimumSize( 980, 630 )
 
         # initialize the layout
         layout = QVBoxLayout( self )
diff --git a/vasl_templates/webapp/static/css/sortable.css b/vasl_templates/webapp/static/css/sortable.css
index bf06f9a..4090f5f 100644
--- a/vasl_templates/webapp/static/css/sortable.css
+++ b/vasl_templates/webapp/static/css/sortable.css
@@ -15,6 +15,6 @@ img.sortable-reset { vertical-align: middle ; height: 15px ; margin-right: 0.25e
 
 .sortable-hint { width: 100% ; height: calc(100% - 1.5em) ; color: #666 ; }
 .sortable-hint .instructions { margin: 1em 0 0 1em ; font-size: 80% ; font-style: italic ; color: #888 ; }
-.sortable-hint .instructions li { margin-top: 0.5em ; }
+.sortable-hint .instructions li { margin: 0.5em 0 0 0.25em ; }
 
 .sortable-trash { margin: 3px 5px 0 5px ; height: 24px ;  }
diff --git a/vasl_templates/webapp/static/css/tabs.css b/vasl_templates/webapp/static/css/tabs.css
index 2b1aea6..d533d7b 100644
--- a/vasl_templates/webapp/static/css/tabs.css
+++ b/vasl_templates/webapp/static/css/tabs.css
@@ -19,7 +19,7 @@
 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
 #tabs-scenario { display: flex ; }
-#tabs-scenario .left { width: 31em ; min-width: 31em ; }
+#tabs-scenario .left { width: 29.25em ; min-width: 29.25em ; }
 #tabs-scenario .right { flex-grow: 1 ; min-width: 25em ; }
 
 #tabs-scenario .left { display: flex ; flex-direction: column ; }
diff --git a/vasl_templates/webapp/static/main.js b/vasl_templates/webapp/static/main.js
index b801010..2ffcd7f 100644
--- a/vasl_templates/webapp/static/main.js
+++ b/vasl_templates/webapp/static/main.js
@@ -563,7 +563,8 @@ function init_snippet_button( $btn )
             generate_snippet( $(this), evt.shiftKey, null ) ;
             return false ;
         } )
-        .attr( "title", GENERATE_SNIPPET_HINT ) ;
+        .attr( "title", GENERATE_SNIPPET_HINT )
+        .css( { "padding-right": $btn.text() !== "" ? "10px" : "0" } ) ;
 
     // add in the droplist
     $newBtn.controlgroup() ;
diff --git a/vasl_templates/webapp/templates/tabs-ob1.html b/vasl_templates/webapp/templates/tabs-ob1.html
index affcc05..b66dd40 100644
--- a/vasl_templates/webapp/templates/tabs-ob1.html
+++ b/vasl_templates/webapp/templates/tabs-ob1.html
@@ -71,13 +71,13 @@
                         <label for="ob" class="header">OB:</label>
                         <label for="OB_VEHICLES_WIDTH_1">Width:</label>
                         <input type="text" class="param" name="OB_VEHICLES_WIDTH_1" size="5">
-                        <button class="generate" data-id="ob_vehicles_1">Snippet</button>
+                        <button class="generate" data-id="ob_vehicles_1"></button>
                     </div>
                     <div class="snippets-notes">
                         <label class="header">Notes:</label>
                         <label for="OB_VEHICLES_MA_NOTES_WIDTH_1">Width:</label>
                         <input type="text" class="param" name="OB_VEHICLES_MA_NOTES_WIDTH_1" size="5">
-                        <button class="generate" data-id="ob_vehicles_ma_notes_1">Snippet</button>
+                        <button class="generate" data-id="ob_vehicles_ma_notes_1"></button>
                     </div>
                 </span>
             </div>
@@ -101,13 +101,13 @@
                         <label for="ob" class="header">OB:</label>
                         <label for="OB_ORDNANCE_WIDTH_1">Width:</label>
                         <input type="text" class="param" name="OB_ORDNANCE_WIDTH_1" size="5">
-                        <button class="generate" data-id="ob_ordnance_1">Snippet</button>
+                        <button class="generate" data-id="ob_ordnance_1"></button>
                     </div>
                     <div class="snippets-notes">
                         <label class="header">Notes:</label>
                         <label for="OB_ORDNANCE_MA_NOTES_WIDTH_1">Width:</label>
                         <input type="text" class="param" name="OB_ORDNANCE_MA_NOTES_WIDTH_1" size="5">
-                        <button class="generate" data-id="ob_ordnance_ma_notes_1">Snippet</button>
+                        <button class="generate" data-id="ob_ordnance_ma_notes_1"></button>
                     </div>
                 </span>
             </div>
diff --git a/vasl_templates/webapp/templates/tabs-scenario.html b/vasl_templates/webapp/templates/tabs-scenario.html
index e586e8f..094d714 100644
--- a/vasl_templates/webapp/templates/tabs-scenario.html
+++ b/vasl_templates/webapp/templates/tabs-scenario.html
@@ -21,7 +21,7 @@
                 <span class="spacer"></span>
                 <span class="small">
                     Width: <input type="text" class="param" name="SCENARIO_WIDTH" size="5">
-                    <button class="generate" data-id="scenario">Snippet</button>
+                    <button class="generate" data-id="scenario"></button>
                 </span>
             </div>
             <div class="row" style="margin-top:0.2em;">
@@ -29,7 +29,7 @@
                 <select name="TURN_TRACK_NTURNS" class="param"></select>
                 <div class="turn-track-controls small" style="display:none;align-items:center;">
                     <button id="turn-track-settings" title="Turn track settings"><img src="{{url_for('static',filename='images/menu/settings.png')}}"></button>
-                    <button class="generate" data-id="turn_track">Snippet</button>
+                    <button class="generate" data-id="turn_track"></button>
                 </div>
             </div>
             <div class="small" style="display:none;">
@@ -42,7 +42,7 @@
             </div>
             <div class="row" style="margin-top:-0.6em;">
                 <label></label>
-                <span style='width:14em;'></span>
+                <span style='width:12.8em;'></span>
                 <label class="header" for="ELR">ELR</label>
                 <span style='width:0.1em'></span>
                 <label class="header" for="SAN">SAN</label>
@@ -74,7 +74,7 @@
                 <span class="small">
                     Width:
                     <input type="text" class="param" name="PLAYERS_WIDTH" size="5">
-                    <button class="generate" data-id="players">Snippet</button>
+                    <button class="generate" data-id="players"></button>
                 </span>
             </div>
         </div>
@@ -107,7 +107,7 @@
                 <span class="small">
                     <label for="VICTORY_CONDITIONS_WIDTH">Width:</label>
                     <input type="text" class="param" name="VICTORY_CONDITIONS_WIDTH" size="5">
-                    <button class="generate" data-id="victory_conditions">Snippet</button>
+                    <button class="generate" data-id="victory_conditions"></button>
                 </span>
             </div>
         </div>
@@ -126,7 +126,7 @@
                 <span class="small">
                     <label for="SSR_WIDTH">Width:</label>
                     <input type="text" class="param" name="SSR_WIDTH" size="5">
-                    <button class="generate" data-id="ssr">Snippet</button>
+                    <button class="generate" data-id="ssr"></button>
                 </span>
             </div>
         </div>