Fix sizes of drag handles at desktop mode.

Thanks to xet7 !

client/components/boards/boardHeader.css

@@ -372,8 +372,8 @@
   transform: translateY(-50%) !important;
   grid-row: auto !important;
   grid-column: auto !important;
-  padding: 14px !important;
-  font-size: 48px !important;
+  padding: 7px !important;
+  font-size: clamp(16px, 3vw, 20px) !important;
 }
 
 .desktop-mode .list-body {

client/components/swimlanes/swimlanes.css

@@ -52,12 +52,15 @@
   background-color: #ccc;
   width: 100%;
   min-width: 100%;
+  position: relative;
+  overflow: hidden;
+  min-height: 33px;
 }
 .swimlane .swimlane-header-wrap .swimlane-header {
   font-size: 14px;
   padding: 5px 5px;
   font-weight: bold;
-  min-height: 9px;
+  min-height: 33px;
   width: 100%;
   overflow: hidden;
   -o-text-overflow: ellipsis;
@@ -88,9 +91,12 @@
   position: absolute;
   padding: 7px;
   top: 50%;
-  transform: translateY(-50%);
   left: 230px;
-  font-size: 18px;
+  font-size: clamp(16px, 3vw, 20px);
+  transform: translateY(-50%);
+  display: flex;
+  align-items: center;
+  justify-content: center;
 }
 .swimlane .swimlane-header-wrap .swimlane-header-miniscreen-handle {
   position: absolute;

client/components/swimlanes/swimlanes.js

@@ -285,7 +285,7 @@ BlazeComponent.extendComponent({
     const user = ReactiveCache.getCurrentUser();
     const swimlane = Template.currentData();
     const height = user.getSwimlaneHeight(swimlane.boardId, swimlane._id);
-    return height == -1 ? "auto" : (height + "px");
+    return height == -1 ? "auto" : (height + 5 + "px");
   },
 }).register('swimlane');