Hide legend on mobile devices to optimize space in the home section of the Prowlarr UI

Admin9705 · Admin9705 · commit c98712b94b17 · 2025-07-17T10:55:58.000-04:00
diff --git a/frontend/templates/components/home_section.html b/frontend/templates/components/home_section.html
@@ -783,13 +783,9 @@ <h3><i class="fas fa-download"></i> Swaparr Status</h3>
                     max-height: 150px;
                 }
                 
-                .legend-items {
-                    flex-direction: column;
-                    gap: 8px;
-                }
-                
-                .legend-item {
-                    justify-content: center;
+                /* Hide legend on mobile to save space */
+                .prowlarr-legend {
+                    display: none;
                 }
             }
         </style>

Original file line number	Diff line number	Diff line change
`@@ -783,13 +783,9 @@ <h3><i class="fas fa-download"></i> Swaparr Status</h3>`
`783`	`783`	`max-height: 150px;`
`784`	`784`	`}`
`785`	`785`
`786`		`- .legend-items {`
`787`		`- flex-direction: column;`
`788`		`- gap: 8px;`
`789`		`- }`
`790`		`-`
`791`		`- .legend-item {`
`792`		`- justify-content: center;`
	`786`	`+ /* Hide legend on mobile to save space */`
	`787`	`+ .prowlarr-legend {`
	`788`	`+ display: none;`
`793`	`789`	`}`
`794`	`790`	`}`
`795`	`791`	`</style>`