UI fixing

frontend/src/styles/app.css

@@ -5623,15 +5623,26 @@ section {
   padding: 0.78rem;
 }
 
+/* Het icoon is optioneel. Een vast tweekolommenraster dwong een kop zonder
+   icoon in de 1.65rem-icoonkolom, waardoor de tekst per letter afbrak.
+   Flex laat de tekst altijd de resterende breedte nemen, met of zonder icoon. */
 .geo-panel-heading {
-  display: grid;
-  grid-template-columns: 1.65rem minmax(0, 1fr);
+  display: flex;
   gap: 0.55rem;
-  align-items: start;
+  align-items: flex-start;
+}
+
+.geo-panel-heading > * {
+  min-width: 0;
+}
+
+.geo-panel-heading > div {
+  flex: 1 1 auto;
 }
 
 .geo-panel-heading > span {
   display: grid;
+  flex: 0 0 auto;
   place-items: center;
   width: 1.65rem;
   height: 1.65rem;