-
Manuelle Koordinaten (UTM)
-
+ style="border: 1px solid var(--border-color); padding: 8px; border-radius: 8px; background: rgba(255, 255, 255, 0.02);">
+
UTM-Position
+
-
- An UTM-Position erzeugen
+
+ An UTM erzeugen
-
-
-
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.
-
-
- 📂 Dateien wählen
-
-
-
- 💾 Daten-Bundle speichern
-
-
-
-
Projektverwaltung
-
Projekt speichern (Lokal)
-
In Datenbank speichern
-
Projekt laden (Lokal)
+
Projekt
+
+
In DB speichern
+
+ Sichern
+ Laden
+
+
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);