Icon hinzugefügt + Responsivness angepasst

public/style/style.css

@@ -11,18 +11,21 @@
   display: flex;
   padding-left: 2%;
   padding-right: 2%;
-  height: 8%;
+  height: 65px;
   background-color: #0046a0;
 }
+.logo-img {
+  padding: 10px;
+}
 .om-searchbar {
   display: inline-block;
-  padding-bottom: 0%;
-  margin: 3%;
+  padding: 0;
+  margin: 15px;
 }
 .om-content {
   margin: 10px;
-  margin-top: 75px;
-  margin-bottom: 70px;
+  margin-top: 80px;
+  margin-bottom: 80px;
 }
 .om-content a {
   color: #0046a0;
@@ -30,6 +33,16 @@
 .om-content a:hover {
   color: #0046a0;
 }
+.om-nav {
+  position: fixed;
+  bottom: 0;
+  height: 65px;
+  width: 100%;
+  background-color: #0046a0;
+}
+.om-nav i {
+  color: white;
+}
 .om-card {
   margin: 10px;
   margin-bottom: 20px;
@@ -57,18 +70,9 @@
 .om-user-line i {
   margin-right: 2%;
 }
-.om-nav {
-  position: fixed;
-  bottom: 0;
-  height: 8%;
-  width: 100%;
-  background-color: #0046a0;
-}
-.om-nav i {
-  color: white;
-}
 .bookmark-headline {
   margin: 10px;
+  padding-bottom: 10px;
 }
 .empty-state {
   margin: 40px;

public/style/style.less

@@ -14,27 +14,44 @@
     display: flex;
     padding-left: 2%;
     padding-right: 2%;
-    height: 8%;
+    height: 65px;
     background-color: @color;
 }
 
+.logo-img{
+	padding:10px;
+}
+
 .om-searchbar{
     display: inline-block;
-    padding-bottom: 0%;
-    margin: 3%;
+	padding: 0;
+    margin: 15px;
 }
 
 //content
 .om-content{
     margin: 10px;
-    margin-top: 75px;
-    margin-bottom: 70px;
+    margin-top: 80px;
+    margin-bottom: 80px;
     a{
         color: @color;
         &:hover{color:@color;}
     }
 }
 
+//footer
+.om-nav{
+    position:fixed;
+    bottom: 0;
+    height: 65px;
+    width: 100%;
+    background-color: @color;
+    i{
+        color: white;
+    }
+}
+
+//msg-Card
 .om-card{
     margin: 10px;
     margin-bottom: 20px;
@@ -45,6 +62,7 @@
 	justify-content: space-between;
 	display: flex;
 }
+
 .om-btn{
     background-color: @color;
 	color: white;
@@ -66,21 +84,10 @@
     }
 }
 
-//footer
-.om-nav{
-    position:fixed;
-    bottom: 0;
-    height: 8%;
-    width: 100%;
-    background-color: @color;
-    i{
-        color: white;
-    }
-}
-
 // bookmark
 .bookmark-headline{
     margin: 10px;
+	padding-bottom: 10px;
 }
 
 //empty state