Reformat legend items

kosmotive · Oct 6, 2024 · 5af485a · 5af485a
1 parent 587e357
commit 5af485a
Show file tree

Hide file tree

Showing 3 changed files with 10 additions and 6 deletions.
diff --git a/django/static/base.css b/django/static/base.css
@@ -1,3 +1,7 @@
+.nowrap {
+    white-space: nowrap;
+}
+
 a:link, a:visited, a:active, a:hover {
     color: #3633fb;
     text-decoration: underline;

diff --git a/django/stats/static/stats.css b/django/stats/static/stats.css
@@ -301,8 +301,8 @@ div.squad-members-appendix .legend-item {
     vertical-align: middle;
     margin-left: 5mm;
     position: relative;
-    width: 70mm;
-    height: 3.5em;
+    width: 85mm;
+    height: 3.1em;
     margin-top: 2mm;
     margin-bottom: 2mm;
 }
@@ -314,7 +314,7 @@ div.squad-members-appendix .legend-item .badge {
     left: 0;
     top: 0;
     border-right: 1px solid #ccc;
-    padding-right: 2mm;
+    padding-right: 3mm;
     height: 100%;
     background-size: 85%;
     background-repeat: no-repeat;
@@ -326,15 +326,15 @@ div.squad-members-appendix .legend-item .legend-item-label {
     vertical-align: middle;
     font-size: 100%;
     position: absolute;
-    left: 10mm;
+    left: 12mm;
     white-space: nowrap;
 }
 
 div.squad-members-appendix .legend-item .legend-item-description {
     display: block;
     font-size: 77%;
     position: absolute;
-    left: 10mm;
+    left: 12mm;
     top: 1.8em;
 }
 

diff --git a/django/stats/templates/stats/squads.html b/django/stats/templates/stats/squads.html
@@ -80,7 +80,7 @@
                 <div class="legend-item">
                     <div style="background-image: url('{% static 'badges' %}/peach.png');" class="badge"></div>
                     <div class="legend-item-label">Peach Price</div>
-                    <div class="legend-item-description">Be the red lantern in your team, with a substantial deficit in ADR.</div>
+                    <div class="legend-item-description">Be the red lantern of your team with <span class="nowrap">K/D &leq;0.5</span>, <span class="nowrap">ADR &leq;50</span>, and a substantial deficit in ADR.</div>
                 </div>
 
             </div>