Add weather icon inputs to cities on map

web/src/css/index.css

@@ -55,10 +55,30 @@ table tr:hover {
   background: #c0c0c0;
 }
 
+@font-face {
+  font-family: 'Daira by LTV grafika';
+  src: url('../assets/ltv_meteo.otf') format('truetype');
+  font-weight: normal;
+  font-style: normal;
+  font-display: swap;
+}
+
 .hidden {
   display: none;
 }
 
 .visible {
   display: block;
+}
+
+.grid-1-1 {
+  display: grid;
+  grid-template-columns: 1fr 1fr;
+  gap: 10px;
+}
+
+.grid-1-2 {
+  display: grid;
+  grid-template-columns: 1fr 2fr;
+  gap: 10px;
 }

web/src/css/weatherIcons.css

@@ -0,0 +1,25 @@
+.weatherIconButton {
+    font-family: 'Daira by LTV grafika';
+    font-size: 30px;
+    display: inline-block;
+    background-color: #ccc;
+    padding: 3px 4px;
+    margin: 0 3px;
+    cursor: pointer;
+}
+
+.weatherIconButton:hover {
+    background-color: #333;
+    color: white;
+}
+
+.weatherIconInput {
+    font-family: 'Daira by LTV grafika';
+    font-size: 30px;
+}
+
+.weatherIconStub {
+    font-family: 'Daira by LTV grafika';
+    font-size: 20px;
+    color: white;
+}