feat: Update map image grid styles for consistency and responsiveness

frasermolyneux · frasermolyneux · commit d2bfa90c2f8e · 2026-04-08T20:15:49.000+01:00
diff --git a/src/XtremeIdiots.Portal.Web/Styles/features/_maps.scss b/src/XtremeIdiots.Portal.Web/Styles/features/_maps.scss
@@ -17,11 +17,15 @@
     border: 2px solid $map-border-color;
     display: block;
     margin: 0 auto;
-    width: 100%;
+    max-width: 150px;
     object-fit: cover;
     aspect-ratio: 4 / 3;
 }
 
+.map-image-grid .map-image {
+    max-width: 100%;
+}
+
 .vote-stats {
     font-size: $font-size-xs;
 }
diff --git a/src/XtremeIdiots.Portal.Web/Views/MapRotations/AssignmentStatus.cshtml b/src/XtremeIdiots.Portal.Web/Views/MapRotations/AssignmentStatus.cshtml
@@ -340,7 +340,7 @@
                         }
                         else
                         {
-                            <div class="row g-2">
+                            <div class="row g-2 map-image-grid">
                                 @{ var sortedMaps = Model.Rotation.MapRotationMaps?.OrderBy(m => m.SortOrder).ToList() ?? []; }
                                 @for (var i = 0; i < sortedMaps.Count; i++)
                                 {
diff --git a/src/XtremeIdiots.Portal.Web/Views/MapRotations/Details.cshtml b/src/XtremeIdiots.Portal.Web/Views/MapRotations/Details.cshtml
@@ -66,7 +66,7 @@
                         }
                         else
                         {
-                            <div class="row g-2">
+                            <div class="row g-2 map-image-grid">
                                 @{ var sortedMaps = Model.Rotation.MapRotationMaps?.OrderBy(m => m.SortOrder).ToList() ?? []; }
                                 @for (var i = 0; i < sortedMaps.Count; i++)
                                 {

Original file line number	Diff line number	Diff line change
`@@ -340,7 +340,7 @@`
`340`	`340`	`}`
`341`	`341`	`else`
`342`	`342`	`{`
`343`		`- <div class="row g-2">`
	`343`	`+ <div class="row g-2 map-image-grid">`
`344`	`344`	`@{ var sortedMaps = Model.Rotation.MapRotationMaps?.OrderBy(m => m.SortOrder).ToList() ?? []; }`
`345`	`345`	`@for (var i = 0; i < sortedMaps.Count; i++)`
`346`	`346`	`{`
Original file line number	Diff line number	Diff line change
`@@ -66,7 +66,7 @@`
`66`	`66`	`}`
`67`	`67`	`else`
`68`	`68`	`{`
`69`		`- <div class="row g-2">`
	`69`	`+ <div class="row g-2 map-image-grid">`
`70`	`70`	`@{ var sortedMaps = Model.Rotation.MapRotationMaps?.OrderBy(m => m.SortOrder).ToList() ?? []; }`
`71`	`71`	`@for (var i = 0; i < sortedMaps.Count; i++)`
`72`	`72`	`{`