issue #951 styles update

Betarena · Feb 1, 2023 · 7c50997 · 7c50997
1 parent 7de8e0d
commit 7c50997
Show file tree

Hide file tree

Showing 2 changed files with 30 additions and 14 deletions.
diff --git a/src/lib/components/fixtures_page/standings/Standings-Team-Row.svelte b/src/lib/components/fixtures_page/standings/Standings-Team-Row.svelte
@@ -78,32 +78,41 @@
       <div
         class="team-pos">
         <p 
-          class="team-pos s-12 w-500"
+          class="
+            team-pos 
+            s-12 
+            w-500
+          "
           style="background-color: {TEAM_DATA.color_code}"
-          class:border-pos={TEAM_DATA.color_code === 'transparent'}
-          >
+          class:border-pos={TEAM_DATA.color_code === 'transparent'}>
           {position}
         </p>
       </div>
       <!-- 
       [ℹ] team logo
+      <conditional>
       -->
-      <div
-        id="image-contaier">
-        <img
-          class='team-img'
-          src={TEAM_DATA.team_logo}
-          alt=""
-        />
-      </div>
+      {#if viewportDesktop}
+        <div
+          id="image-contaier">
+          <img
+            class='team-img'
+            src={TEAM_DATA.team_logo}
+            alt=""
+          />
+        </div>
+      {/if}
       <!-- 
       [ℹ] team name
       -->
       <div
-        style="margin-left: 16px;"
         class="team-name">
         <p 
-          class="s-12 w-500 no-wrap">
+          class="
+            s-12 
+            w-500 
+            no-wrap
+          ">
           {team_name}
         </p>
       </div>
@@ -282,6 +291,10 @@
     border: 1px solid #E6E6E6;
   }
 
+  div.team-name {
+    margin-left: 2.5px;
+  }
+
   div.recent-form-dot {
     border-radius: 50%;
     height: 12px;
@@ -338,6 +351,10 @@
       padding-right: 0;
     }
 
+    div.team-name {
+      margin-left: 16px;
+    }
+
   }
 
   /* .............. 

diff --git a/src/lib/components/fixtures_page/standings/Standings-Widget.svelte b/src/lib/components/fixtures_page/standings/Standings-Widget.svelte
@@ -11,7 +11,6 @@
 
   import { userBetarenaSettings } from "$lib/store/user-settings";
 
-  
   import type {
   	REDIS_CACHE_SINGLE_tournament_standings_data,
   	REDIS_CACHE_SINGLE_tournament_standings_translation,