diff --git a/index.html b/index.html index eba0c65..296d96c 100644 --- a/index.html +++ b/index.html @@ -44,99 +44,81 @@

Anlagen-Konfiguration

-
- - +
+
+ + +
+
+ + +
-
- - +
+ +
-
- - +
+ +
-
- - -
-
- - +
+ +
+

Werkzeuge

-
- - - - + +
-

Manuelle Koordinaten (UTM)

-
+ style="border: 1px solid var(--border-color); padding: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.02);"> +

UTM-Position

+
- - + +
- - + +
-
- -
-

Daten-Laden & Automatik

-
-

- 1. Einmalig: Dateien (.shp + .dbf) wählen ODER auf Karte ziehen.
- 2. Dauerhaft machen: Unten auf "Daten-Bundle speichern" klicken und in /data als - baked_layers.js speichern. -

- - - -
-
-

Projektverwaltung

- - - +

Projekt

+
+ +
+ + +
+
diff --git a/style.css b/style.css index 8aabade..391427a 100644 --- a/style.css +++ b/style.css @@ -46,7 +46,7 @@ body { } .sidebar-header { - padding: 15px; + padding: 10px; border-bottom: 1px solid var(--border-color); } @@ -62,33 +62,39 @@ body { .sidebar-content { flex-grow: 1; overflow-y: auto; - padding: 12px; + padding: 8px; } .section { - margin-bottom: 15px; + margin-bottom: 8px; } .section h2 { - font-size: 0.75rem; + font-size: 0.7rem; text-transform: uppercase; letter-spacing: 0.5px; color: var(--text-dim); - margin-bottom: 8px; + margin-bottom: 4px; } /* Control Elements */ .control-group { - margin-bottom: 12px; + margin-bottom: 6px; } .control-group label { display: block; - font-size: 0.8rem; - margin-bottom: 4px; + font-size: 0.75rem; + margin-bottom: 2px; color: var(--text-main); } +.label-small { + font-size: 0.7rem !important; + color: var(--text-dim); + margin-bottom: 2px; +} + .input-styled { width: 100%; background: rgba(255, 255, 255, 0.05); @@ -100,6 +106,11 @@ body { transition: all 0.3s ease; } +.input-small { + padding: 4px 6px !important; + font-size: 0.8rem !important; +} + .input-styled option { background: #1e1e1e; color: white; @@ -107,7 +118,7 @@ body { /* Compact number inputs */ .input-number { - width: 80px !important; + width: 60px !important; } .input-styled:focus { @@ -133,6 +144,11 @@ body { gap: 6px; } +.btn-mini { + padding: 4px 8px !important; + font-size: 0.75rem !important; +} + .btn-primary:hover { background: var(--primary-hover); transform: translateY(-1px);