:host {
  width: 100%;
  height: 100%;
}

.content {
  margin: 15px;
}

#logo {
  position: absolute;
  width: 100%;
  top: 1px;
  left: 1px;
}

#logo img {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

#menu paper-fab {
  position: absolute;
  background: red;
  right: 5px;
  top: 5px;
}

.menu-toolbar {
  margin: none;
}

.shuttle-map {
  width: 100%;
  height: 100%;
}

.menu-dialog {
  width: 50%;
  min-height: 35%;
  max-height: 50%;
  font-size: 16px;
  overflow: scroll;
}

:host {
  width: 100%;
  height: 100%;
}

.content {
  margin: 15px;
}

#logo img {
  display: block;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  margin: auto;
}

#menu paper-fab {
  position: absolute;
  background: red;
  right: 5px;
  top: 5px;
}

.menu-toolbar {
  margin: none;
}

.shuttle-map {
  width: 100%;
  height: 100%;
}

.menu-dialog {
  width: 50%;
  min-height: 35%;
  max-height: 50%;
  font-size: 16px;
  overflow: scroll;
}

Fix logo overlapping with map controls
Fix logo overlapping with map controls
