From f4fe7ba4b74d946044ff2b6c0be58b3927d43352 Mon Sep 17 00:00:00 2001
From: Mikkelhost <Mikkel.christiansen250996@gmail.com>
Date: Tue, 17 Aug 2021 16:14:28 +0200
Subject: [PATCH] Fixed minor css flaws

---
 client/src/components/ChalModal.vue  | 10 +++++-----
 client/src/components/EventModal.vue |  2 +-
 2 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/components/ChalModal.vue b/client/src/components/ChalModal.vue
index e766e45a..45b9eb69 100644
--- a/client/src/components/ChalModal.vue
+++ b/client/src/components/ChalModal.vue
@@ -14,7 +14,7 @@
           <b-form-group>
             <div class="challenges-field-modal frontends-field-modal p-3 mt-0" :class="{ 'my-is-invalid': submitted && this.selectedChallenges.length == 0 }">
               <div class="row">
-                <div class="col-4 customscroll" style="height: 240px; overflow-y: auto;">
+                <div class="col-4 customscroll" style="height: 235px; overflow-y: auto;">
                   <div class="nav flex-column nav-pills sticky-top" id="challengesCategory" role="tablist" aria-orientation="vertical">
                     <a v-on:click="showCatDescription('ST')" class="nav-link active show" id="starters-tab" data-toggle="pill" href="#starters" role="tab" aria-controls="starters" aria-selected="true">Starters</a>
                     <a v-on:click="showCatDescription('CY')" class="nav-link" id="cyber-championships-tab" data-toggle="pill" href="#cyber-championship" role="tab" aria-controls="cyber-championship" aria-selected="false">Cyber Champ.</a>
@@ -25,7 +25,7 @@
                     <a v-on:click="showCatDescription('CRY')" class="nav-link" id="cryptography-tab" data-toggle="pill" href="#cryptography" role="tab" aria-controls="cryptography" aria-selected="false">Cryptography</a>
                   </div>
                 </div>
-                <div class="col-8 customscroll" style="height: 240px; overflow-y: auto;">
+                <div class="col-8 customscroll" style="height: 235px; overflow-y: auto;">
                   <div class="tab-content" id="v-pills-tabContent">
                     <div class="tab-pane fade active show" id="starters" role="tabpanel" aria-labelledby="starters-tab">
                       <b-form-checkbox-group
@@ -512,8 +512,8 @@ export default {
 
 .info-icon {
   position: relative;
-  top: 1px;
-  left: -360px;
+  top: 0px;
+  left: -370px;
   width: 16px;
   padding: 0px;
   margin: 0px;
@@ -530,7 +530,7 @@ export default {
 .chalInfo.visible{
   overflow-y: auto;
   visibility: visible;
-  max-height: 400px;
+  max-height: 410px;
 }
 .customscroll::-webkit-scrollbar {
   background-color: #d8d8d8;
diff --git a/client/src/components/EventModal.vue b/client/src/components/EventModal.vue
index 8a3f0c7d..9a4330b4 100644
--- a/client/src/components/EventModal.vue
+++ b/client/src/components/EventModal.vue
@@ -855,7 +855,7 @@ export default {
 
 .info-icon {
   position: relative;
-  top: 1px;
+  top: 0.3px;
   left: -350px;
   width: 16px;
   padding: 0px;