Merge branch 'master' of https://github.com/sdhoek/sleepmap

src/app/map/from-to/from-to.component.css

@@ -1,9 +1,24 @@
 .from-to-container {
-  left: 160px;
+
  position: absolute;
-  top: 25px;
- height: 250px;
- width: 300px;
+
+ height: 52px;
+ width: 380px;
  background: #f6be0e;
  z-index: 500;
+ right: 40px;
+ top: 40px;
+ display:flex;
+ flex-direction: row;
+ padding: 10px;
 }
+label {
+ font-size: small;
+}
+input {
+ font-size: 110%;
+ width: 176px;
+ background: #f3ca44;
+ border: solid 2px black;
+ padding: 2px;
+}

src/app/map/from-to/from-to.component.html

@@ -1,3 +1,11 @@
 <div class="from-to-container">
- from-to-container
+ <div id="from-container">
+ <label>van</label>
+ <input [(ngModel)]="van" placeholder="Kies een startpunt">
+ </div>
+ <div id="to-container">
+<label>naar</label>
+
+<input [(ngModel)]="naar" placeholder="Kies een bestemming">
+ </div>
 </div>

src/styles.css

@@ -69,7 +69,7 @@ app-map{
 
 app-popup{
  position: absolute;
- top: 40px;
+ top: 116px;
  z-index: 401;
  background: #101010e8;
  right: 40px;