Merge branch 'features/sort-onchange'

mcbeev · Oct 14, 2023 · 4c5e521 · 4c5e521
2 parents 3516acd + b963b2d
commit 4c5e521
Show file tree

Hide file tree

Showing 2 changed files with 40 additions and 17 deletions.
diff --git a/Pages/Index.razor b/Pages/Index.razor
@@ -7,7 +7,7 @@
 
     <div>
         <h2>Leaderboard</h2>
-        <h3 class="lrl" style="display:@featureDisplay">Live Reload Enabled <span>@DateTime.Now.ToString("g")</span></h3>
         <LeaderboardList />
     </div>
+    @* <h3 class="lrl" style="display:@featureDisplay">Last Update <span>@DateTime.Now.ToString("MM/dd/yyyy hh:mm:ss tt")</span></h3> *@
 </div>
diff --git a/wwwroot/css/site.css b/wwwroot/css/site.css
@@ -3,7 +3,7 @@
 
 html,
 body {
-  background-color: #e5e5e5;
+  background-color: #fff;
   font-family: "Arvo", serif;
 }
 
@@ -20,7 +20,6 @@ a:hover,
 
 .content {
   margin: 0 auto;
-  max-width: 1450px;
 }
 
 .btn-primary {
@@ -251,17 +250,15 @@ app {
   width: 50%;
 }
 
-@media (min-width: 768px) {
-  .team-item .cta button {
-    padding: 10px;
-  }
-}
-
 .team-item .cta button span {
   margin-right: 15px;
 }
 
 @media (min-width: 768px) {
+  .team-item .cta button {
+    padding: 10px;
+  }
+
   .team-item .cta button span {
     margin-right: 5px;
   }
@@ -277,10 +274,10 @@ app {
 }
 
 .card-img.placeholder {
-  max-width: 200px;
+  max-width: 125px;
 }
 .score-board-img {
-  max-width: 200px;
+  max-width: 125px;
   margin-left: 5;
 }
 #blazor-error-ui {
@@ -333,7 +330,7 @@ app {
 
 @media (min-width: 1550px) {
   .leaderboard ol li {
-    margin-bottom: 0;
+    margin-bottom: 30px;
     flex: 0 1 33.333333%;
   }
 }
@@ -342,11 +339,11 @@ app {
   border-bottom: 1px solid #cacaca;
   padding: 10px;
   margin: 0 15px;
+  background: #f5f5f5;  
 }
 .leaderboard ol li h3 {
   font-size: 30px;
   margin: 0;
-  display: flex;
   align-items: center;
 }
 .leaderboard a.team-wrapper {
@@ -355,12 +352,13 @@ app {
     margin-left: 25px;
   }
 }
-.leaderboard ol li h3:before {
-  content: counter(counter);
+.leaderboard ol li .team-wrapper:before {
+  content: "# " counter(counter);
   font-weight: bold;
-  font-size: 3rem;
+  font-size: 2.5rem;
   margin-right: 0.5rem;
   line-height: 1;
+  flex: 0 0 75px;
 }
 
 .leaderboard ol li .sub-content {
@@ -388,7 +386,7 @@ app {
   background-image: url("/files/trophy.png");
   background-size: cover;
   position: absolute;
-  right: 25px;
+  left: 35px;
   top: 60px;
 }
 
@@ -491,3 +489,28 @@ app {
     display: block;
   }
 }
+
+@media (min-width: 1650px) {
+  .card-img.placeholder {
+    max-width: 200px;
+  }
+  .score-board-img {
+    max-width: 200px;
+  }  
+}
+
+/* phone */
+@media (max-width: 450px) {
+  .leaderboard ol li .team-wrapper:before {
+    content: counter(counter);
+    font-size: 2rem;
+    flex: 0 0 25px;
+  }
+
+  .leaderboard ol li:nth-child(1):after {
+    display: none;
+  }
+
+
+}
+