From 27e11d9104b131be6994bab0c8aaf3f347346a47 Mon Sep 17 00:00:00 2001
From: Claude Brisson <claude@renegat.net>
Date: Sat, 17 Feb 2024 21:30:39 +0100
Subject: [PATCH] A few responsive fixes

---
 view-webapp/src/main/sass/tour.scss           | 14 ++++++++-----
 .../src/main/webapp/tour-pairing.inc.html     | 20 ++++++++++---------
 2 files changed, 20 insertions(+), 14 deletions(-)

diff --git a/view-webapp/src/main/sass/tour.scss b/view-webapp/src/main/sass/tour.scss
index f47da95..57f2880 100644
--- a/view-webapp/src/main/sass/tour.scss
+++ b/view-webapp/src/main/sass/tour.scss
@@ -277,9 +277,7 @@
   }
 
   .result-sheets {
-    position: absolute;
-    bottom: 1em;
-    left: 1em;
+    margin-top: 0.2em;
   }
 
   /* results section */
@@ -350,8 +348,8 @@
     }
   }
 
-  @media( max-width: 1400px) {
-    .ui.steps > .step {
+  @media(max-width: 1400px) {
+    .ui.steps > .step:not(.active) {
       padding-left: 1.2em;
       padding-right: 0.8em;
       &::before {
@@ -362,4 +360,10 @@
       }
     }
   }
+
+  @media(max-width: 750px) {
+    #logo {
+      display: none;
+    }
+  }
 }
diff --git a/view-webapp/src/main/webapp/tour-pairing.inc.html b/view-webapp/src/main/webapp/tour-pairing.inc.html
index b5f2c6b..6e2b2aa 100644
--- a/view-webapp/src/main/webapp/tour-pairing.inc.html
+++ b/view-webapp/src/main/webapp/tour-pairing.inc.html
@@ -52,23 +52,25 @@
             Renumber
           </button>
         </div>
-        <div id="paired" class="multi-select" title="white vs. black">
+        <div>
+          <div id="paired" class="multi-select" title="white vs. black">
 #foreach($game in $games)
   #set($white = $pmap[$game.w])
   #set($black = $pmap[$game.b])
-          <div class="listitem game" data-id="$game.id">
-            <div class="table" data-value="$game.t">#$game.t</div>
-            <div class="white" data-id="$game.w">#if($white)$white.name $white.firstname#{else}BIP#end</div>
-            <div class="levels">#if($white)#rank($white.rank)#end&nbsp;/&nbsp;#if($black)#rank($black.rank)#end</div>
-            <div class="black" data-id="$game.b">#if($black)$black.name $black.firstname#{else}BIP#end</div>
-            <div class="handicap" data-value="$game.h">#if($game.h)h$game.h#{else}&nbsp;#end</div>
-          </div>
+            <div class="listitem game" data-id="$game.id">
+              <div class="table" data-value="$game.t">#$game.t</div>
+              <div class="white" data-id="$game.w">#if($white)$white.name $white.firstname#{else}BIP#end</div>
+              <div class="levels">#if($white)#rank($white.rank)#end&nbsp;/&nbsp;#if($black)#rank($black.rank)#end</div>
+              <div class="black" data-id="$game.b">#if($black)$black.name $black.firstname#{else}BIP#end</div>
+              <div class="handicap" data-value="$game.h">#if($game.h)h$game.h#{else}&nbsp;#end</div>
+            </div>
 #end
+          </div>
+          <div class="result-sheets"><a href="result-sheets?id=${tour.id}&round=${round}" target="_blank" class="ui mini floating icon button">result sheets <i class="fa fa-external-link"></i></a></div>
         </div>
       </div>
     </div>
   </div>
-  <div class="result-sheets"><a href="result-sheets?id=${tour.id}&round=${round}" target="_blank" class="ui mini floating icon button">result sheets <i class="fa fa-external-link"></i></a></div>
 </div>
 
 <div id="edit-pairing" class="popup">