[chores] Adjustment for narrow screens

nemesifier · nemesifier · commit 6556f36e53af · 2025-09-11T21:20:42.000-03:00
diff --git a/openwisp_monitoring/device/static/monitoring/css/device-map.css b/openwisp_monitoring/device/static/monitoring/css/device-map.css
@@ -28,10 +28,10 @@
   text-transform: uppercase;
 }
 #device-map-container {
-  margin: 30px auto 0px auto;
-  position: relative;
   height: 430px;
   width: 90%;
+  margin: 30px auto 0px auto;
+  position: relative;
   border: 1px solid rgba(0, 0, 0, 0.3);
 }
 #device-map-container .ow-loading-spinner {
@@ -397,4 +397,7 @@
     top: -8%;
     height: 80%;
   }
+  .map-detail {
+    min-width: auto;
+  }
 }

Original file line number	Diff line number	Diff line change
`@@ -28,10 +28,10 @@`
`28`	`28`	`text-transform: uppercase;`
`29`	`29`	`}`
`30`	`30`	`#device-map-container {`
`31`		`- margin: 30px auto 0px auto;`
`32`		`- position: relative;`
`33`	`31`	`height: 430px;`
`34`	`32`	`width: 90%;`
	`33`	`+ margin: 30px auto 0px auto;`
	`34`	`+ position: relative;`
`35`	`35`	`border: 1px solid rgba(0, 0, 0, 0.3);`
`36`	`36`	`}`
`37`	`37`	`#device-map-container .ow-loading-spinner {`
`@@ -397,4 +397,7 @@`
`397`	`397`	`top: -8%;`
`398`	`398`	`height: 80%;`
`399`	`399`	`}`
	`400`	`+ .map-detail {`
	`401`	`+ min-width: auto;`
	`402`	`+ }`
`400`	`403`	`}`