Die Navigationsleiste vergrößern

Hierdurch wird die Navigationsleiste oben in der App vergrößert. Es werden weitere Änderungen vorgenommen, die mit der neuen Größe zusammenhängen; z. B. werden der Seiteninhalt und der Event-Feed nach unten verschoben. Menü-Icon, Benutzerbild und Login-Icon werden ebenfalls vergrößert. Außerdem werden Änderungen vorgenommen, um die Ansicht auf einigen Geräten zu optimieren – bitte testen Sie dies anschließend.

Code:

/* Increase Nav Bar */
.navbar .sidebar-item .nav-avatar {
   width: 50px;
   border-radius: 0px;
   margin-right: 15%;
}

.navbar {
   height: 70px;
}

.navbar .button-event-feed {
   font-size: 2em;
   margin-top: 5px;
}

.navbar .event-feed-item .truncate-text{
   margin-right: 5%;
   margin-left: 5%;
}

.navbar .nav-button-menu {
   font-size: 2em;
   height: 100px;
   margin-top: 10px;
   padding-left: 20%;
}

.navbar .icon-menu {
   padding-left: 8px;
   border-bottom: 100px;
}

.content-body {
   padding-top: 20px;
}

.event-feed-content {
   padding-top: 20px;
}

.event-feed-content:before {
   padding-top: 20px;
}

.outer-container .carousel-index--beta {
   padding: 25px 0 0;
}

.navbar .nav-button-sidebar {
   font-size: 2em;
   margin-top: 5%;
}

@media only screen and (max-width: 500px) {
   .navbar .nav-button-sidebar {
   font-size: 2em;
   margin-top: 10px;
   margin-right: 20%;
}

.navbar .nav-button-sidebar .ng-scope {
   margin-left: -30%;
}