From c8e085a1ea960af83e3931afad4dc8736161b9bb Mon Sep 17 00:00:00 2001
From: Valentin Kaelin <kalanehd@gmail.com>
Date: Sat, 12 Oct 2019 16:34:05 +0200
Subject: [PATCH] fix: adjust some padding

---
 client/src/components/Match.vue          | 8 ++++----
 client/src/components/SummonerLoader.vue | 2 +-
 client/src/views/Summoner.vue            | 2 +-
 3 files changed, 6 insertions(+), 6 deletions(-)

diff --git a/client/src/components/Match.vue b/client/src/components/Match.vue
index 2a42a55..9992d89 100644
--- a/client/src/components/Match.vue
+++ b/client/src/components/Match.vue
@@ -5,7 +5,7 @@
     </div>
     <div
       :class="matchResultClass"
-      class="ml-10 match relative mt-4 rounded-lg text-white text-sm md:text-base"
+      class="ml-10 match relative mt-4 rounded-lg text-white text-base"
     >
       <div class="relative z-20 flex flex-wrap px-5 py-3">
         <div class="first w-1/3 text-left">
@@ -27,9 +27,9 @@
               </div>
               <div
                 :style="{backgroundImage: `url('https://ddragon.leagueoflegends.com/cdn/${$patch}/img/champion/${data.champion.id}.png')`}"
-                class="ml-2 w-16 h-16 crop-champion bg-blue-1000 rounded-lg mb-2px sm:mb-0 sm:mr-2px"
+                class="ml-2 w-16 h-16 crop-champion bg-blue-1000 rounded-lg"
               ></div>
-              <div class="ml-2 flex flex-row sm:flex-col sm:justify-around">
+              <div class="ml-2 flex flex-col justify-around">
                 <div
                   :style="{backgroundImage: `url(${data.firstSum})`}"
                   class="w-6 h-6 bg-blue-1000 rounded-md bg-center bg-cover"
@@ -39,7 +39,7 @@
                   class="w-6 h-6 bg-blue-1000 rounded-md bg-center bg-cover"
                 ></div>
               </div>
-              <div class="ml-1 flex flex-row sm:flex-col sm:justify-around">
+              <div class="ml-1 flex flex-col justify-around">
                 <div
                   :style="[data.primaryRune ? {background: `url(${data.primaryRune}) center/cover`} : '']"
                   class="w-6 h-6 bg-blue-1000 rounded-md"
diff --git a/client/src/components/SummonerLoader.vue b/client/src/components/SummonerLoader.vue
index 9ab81bc..e45fa8a 100644
--- a/client/src/components/SummonerLoader.vue
+++ b/client/src/components/SummonerLoader.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="mt-4 text-white pb-12">
-    <div class="flex justify-between xl:px-12">
+    <div class="flex justify-between px-12">
       <div style="width: 517px; height: 272px;">
         <content-loader
           :height="272"
diff --git a/client/src/views/Summoner.vue b/client/src/views/Summoner.vue
index e23512b..f073f46 100644
--- a/client/src/views/Summoner.vue
+++ b/client/src/views/Summoner.vue
@@ -20,7 +20,7 @@
 
       <template v-if="summonerFound">
         <div class="mt-4 text-white pb-12">
-          <div class="flex justify-between xl:px-12">
+          <div class="flex justify-between px-12">
             <div>
               <h1 class="text-4xl font-extrabold uppercase">
                 <span class="text-5xl">{{ summonerInfos.account.name[0] }}</span>