fix image logos and header bug #875

css/organizr.css

@@ -127,6 +127,8 @@ body.stop-scrolling {
     max-width: 220px;
     float: left;
     border-right: transparent;
+    display: inline-flex;
+    flex-wrap: nowrap;
 }
 
 .tabs-style-flip {
@@ -1077,4 +1079,19 @@ i.fa.fa-life-ring.fa-fw {
 }
 .noty_type__update-noty ellipse {
     fill: #9e67f4;
+}
+.navbar-header {
+    max-height: 40px;
+    overflow: hidden;
+}
+span#main-logo {
+    max-width: 220px;
+}
+img.dark-logo {
+    max-width: 220px;
+    max-height: 40px;
+}
+img.dark-logo-side {
+    max-width: 160px;
+    max-height: 35px;
 }

index.php

@@ -67,7 +67,7 @@
                 <!-- Logo -->
                 <a class="logo" href="javascript:void(0)">
                     <!-- Logo text image you can use text also -->
-                    <span class="hidden-xs" id="main-logo"></span>
+                    <span class="hidden-xs elip" id="main-logo"></span>
                 </a>
             </div>
             <!-- /Logo -->

js/functions.js

@@ -2014,8 +2014,8 @@ function loadAppearance(appearance){
 		$('#main-logo').html(appearance.title);
 		$('#side-logo').html(appearance.title);
 	}else{
-		$('#main-logo').html('<img alt="home" class="dark-logo" height="40px" src="'+appearance.logo+'">');
-		$('#side-logo').html('<img alt="home" height="35px" src="'+appearance.logo+'">');
+		$('#main-logo').html('<img alt="home" class="dark-logo" src="'+appearance.logo+'">');
+		$('#side-logo').html('<img alt="home" class="dark-logo-side" src="'+appearance.logo+'">');
 	}
 	if(appearance.headerColor !== ''){
 		cssSettings += `