Fixed the focus rectangle around the player droplists.

vasl_templates/webapp/static/css/tabs-scenario.css

@@ -17,11 +17,12 @@
 #panel-scenario input { margin-bottom: 0.25em ; }
 
 #panel-scenario .select2-container { margin: 2px ; }
-#panel-scenario .select2-selection__rendered { height: 24px ; margin-top: -3px ; }
-#panel-scenario .select2-selection__arrow { margin-top: -3px ; }
+#panel-scenario .select2-selection__rendered { height: 23px ; line-height: 23px ; }
+#panel-scenario .select2-selection__arrow { margin-top: -2px ; }
 #panel-scenario .select2-selection { height: 24px !important ; border-radius: 0 !important ; }
 
-#panel-scenario .select2-container[name="SCENARIO_THEATER"] .select2-selection { height: 22px !important ; margin-top: -4px ;}
+#panel-scenario .select2-container[name="SCENARIO_THEATER"] .select2-selection { height: 22px !important ; margin-top: -4px ; }
+#panel-scenario .select2-container[name="SCENARIO_THEATER"] .select2-selection__rendered { height: 20px ; line-height: 20px ; }
 #panel-scenario .select2-container[name="SCENARIO_THEATER"] .select2-selection__arrow { margin-top: -6px ; }
 
 /* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

vasl_templates/webapp/static/main.js

@@ -188,9 +188,9 @@ $(document).ready( function () {
         if ( ! opt.id )
             return opt.text ;
         var url = make_player_flag_url( opt.id, false ) ;
-        return $( "<div style='display:flex;align-items:center;'>" +
+        return $( "<div style='display:flex;align-items:center;height:23px;'>" +
             "<div style='display:inline-block;width:1em;text-align:center;margin-right:5px;'>" +
-            "<img src='" + url + "' style='height:0.9em;margin-right:0.25em;'>" +
+            "<img src='" + url + "' style='height:0.8em;'>" +
             "</div>" +
             " " + opt.text +
         "</div>" ) ;