removed the color legend; seemed not needed and cluttered view

nocodb-map-viewer/app/public/css/style.css

@@ -534,42 +534,6 @@ body {
     border-top: 1px solid #eee;
 }
 
-/* Map legend */
-.map-legend {
-    background-color: white;
-    padding: 10px 15px;
-    border-radius: var(--border-radius);
-    box-shadow: 0 2px 8px rgba(0,0,0,0.15);
-    font-size: 13px;
-}
-
-.map-legend h4 {
-    margin: 0 0 10px 0;
-    font-size: 14px;
-    font-weight: 600;
-    color: var(--dark-color);
-}
-
-.legend-item {
-    display: flex;
-    align-items: center;
-    margin-bottom: 5px;
-}
-
-.legend-item:last-child {
-    margin-bottom: 0;
-}
-
-.legend-color {
-    display: inline-block;
-    width: 16px;
-    height: 16px;
-    border-radius: 50%;
-    margin-right: 8px;
-    border: 1px solid #fff;
-    box-shadow: 0 1px 3px rgba(0,0,0,0.2);
-}
-
 /* Responsive design */
 @media (max-width: 768px) {
     .header h1 {
@@ -586,6 +550,18 @@ body {
         font-size: 13px;
     }
     
+    /* Hide button text on mobile, show only icons */
+    .btn span.btn-text {
+        display: none;
+    }
+    
+    .btn {
+        padding: 10px;
+        min-width: 40px;
+        min-height: 40px;
+        justify-content: center;
+    }
+    
     .modal-content {
         width: 95%;
         margin: 10px;
@@ -596,6 +572,13 @@ body {
     }
 }
 
+/* Add text spans for desktop that can be hidden on mobile */
+@media (min-width: 769px) {
+    .btn span.btn-icon {
+        margin-right: 5px;
+    }
+}
+
 /* Fullscreen styles */
 .fullscreen #map-container {
     position: fixed;