Replace the panel labels with circled icons that strike through when a section is open, and name the download switch after the current view.

Co-authored-by: Cursor <cursoragent@cursor.com>

src/style.css

@@ -48,7 +48,7 @@ input {
   z-index: 2;
   right: max(12px, env(safe-area-inset-right));
   bottom: max(12px, env(safe-area-inset-bottom));
-  max-width: calc(100% - 24px);
+  box-shadow: 0 1px 3px rgba(28, 25, 21, 0.4);
 }
 
 .map .ol-viewport {
@@ -85,14 +85,49 @@ input {
   gap: 8px;
 }
 
-.fold-toggle,
-.einstellungen-toggle {
+.head-actions .icon-button {
   flex: 0 0 auto;
 }
 
-.einstellungen-toggle[aria-expanded="true"] {
-  background: #1e3328;
-  color: #e7e1d4;
+button.icon-button {
+  position: relative;
+  width: 44px;
+  height: 44px;
+  min-width: 44px;
+  min-height: 44px;
+  padding: 0;
+  border-radius: 50%;
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  background: #e7e1d4;
+  color: #1e3328;
+  border-color: #1e3328;
+}
+
+.map-download.icon-button {
+  position: absolute;
+}
+
+button.icon-button .glyph,
+button.icon-button .strike {
+  width: 22px;
+  height: 22px;
+  display: block;
+}
+
+button.icon-button .strike {
+  display: none;
+  position: absolute;
+  left: 50%;
+  top: 50%;
+  width: 26px;
+  height: 26px;
+  transform: translate(-50%, -50%);
+}
+
+button.icon-button[aria-expanded="true"] .strike {
+  display: block;
 }
 
 .fold {
@@ -148,6 +183,11 @@ label {
   accent-color: #1e3328;
 }
 
+.download-knopf span {
+  flex: 1 1 auto;
+  min-width: 0;
+}
+
 input {
   width: 100%;
   min-height: 44px;