From 2397eb5c5fa1d584522df719416b49374c8c6562 Mon Sep 17 00:00:00 2001
From: Taka <taka@vm-linux-dev>
Date: Mon, 6 May 2019 09:43:57 +0000
Subject: [PATCH] Tidied up the layout of the flags in player droplists.

---
 vasl_templates/webapp/static/main.js               | 6 ++++--
 vasl_templates/webapp/templates/tabs-scenario.html | 2 +-
 2 files changed, 5 insertions(+), 3 deletions(-)

diff --git a/vasl_templates/webapp/static/main.js b/vasl_templates/webapp/static/main.js
index 9ff55d1..f22d882 100644
--- a/vasl_templates/webapp/static/main.js
+++ b/vasl_templates/webapp/static/main.js
@@ -189,19 +189,21 @@ $(document).ready( function () {
             return opt.text ;
         var url = make_player_flag_url( opt.id, false ) ;
         return $( "<div style='display:flex;align-items:center;'>" +
+            "<div style='display:inline-block;width:1em;text-align:center;margin-right:5px;'>" +
             "<img src='" + url + "' style='height:0.9em;margin-right:0.25em;'>" +
+            "</div>" +
             " " + opt.text +
         "</div>" ) ;
     }
     init_select2( $( "select[name='PLAYER_1']" ),
-        "9.5em", false, format_player_droplist_item
+        "10em", false, format_player_droplist_item
     ).on( "select2:open", function() {
         on_player_droplist_open( $(this) ) ;
     } ).on( "change", function() {
         on_player_change_with_confirm( 1 ) ;
     } ) ;
     init_select2( $( "select[name='PLAYER_2']" ),
-        "9.5em", false, format_player_droplist_item
+        "10em", false, format_player_droplist_item
     ).on( "select2:open", function() {
         on_player_droplist_open( $(this) ) ;
     } ).on( "change", function() {
diff --git a/vasl_templates/webapp/templates/tabs-scenario.html b/vasl_templates/webapp/templates/tabs-scenario.html
index bed54d6..7744ec7 100644
--- a/vasl_templates/webapp/templates/tabs-scenario.html
+++ b/vasl_templates/webapp/templates/tabs-scenario.html
@@ -31,7 +31,7 @@
             </div>
             <div class="row" style="margin-top:0.5em;">
                 <label></label>
-                <span style='width:9.45em'></span>
+                <span style='width:10.25em'></span>
                 <label class="header" for="ELR">ELR</label>
                 <label class="header" for="SAN">SAN</label>
             </div>