City selection with display on a map

web/src/css/App.module.css

@@ -24,18 +24,14 @@
 }
 
 .menu {
-    position: absolute;
-    top: 0px;
-    left: 0px;
-    padding-left: 20px;
-    text-align: left;
+    padding: 8px 20px;
+    text-align: right;
 }
 
 .menu li{
   display: inline;
   padding: 10px 0 10px 10px;
   cursor: pointer;
-  line-height: 40px;
 }
 
 .menu li:not(:first-child)::before {

web/src/css/index.css

@@ -53,4 +53,12 @@ table tr:nth-child(odd) {
 
 table tr:hover {
   background: #c0c0c0;
+}
+
+.hidden {
+  display: none;
+}
+
+.visible {
+  display: block;
 }

web/src/css/station.css

@@ -0,0 +1,37 @@
+.stationWrapper .container {
+    display: flex;
+    min-height: 100vh;
+}
+
+.stationWrapper .container .column {
+    flex: 1;
+    box-sizing: border-box;
+    text-align: left;
+}
+
+.stationWrapper .container .column:nth-child(1) {
+    padding: 0;
+    flex-basis: 20%;
+    background-color: white;
+    min-width: 1000px;
+}
+
+.stationWrapper .container .column:nth-child(2) {
+    padding: 10px;
+    flex-basis: 80%;
+    background-color: #f2f2f2;
+    min-width: 300px;
+}
+
+.stationWrapper .cities {
+    width: 200px;
+    position: absolute;
+    z-index: 10;
+    background-color: white;
+    opacity: 0.7;
+}
+
+.stationWrapper .submenu {
+    padding: 5px 10px;
+    background-color: #f2f2f2;
+}