diff --git a/core/css/header.css b/core/css/header.css index d18181d13a064..4ffcd73c1f2dd 100644 --- a/core/css/header.css +++ b/core/css/header.css @@ -31,6 +31,7 @@ #body-user #header, #body-settings #header, #body-public #header { + display: inline-flex; position: fixed; top: 0; left: 0; @@ -40,6 +41,7 @@ line-height: 2.5em; background-color: #0082c9; box-sizing: border-box; + justify-content: space-between; } @@ -47,9 +49,6 @@ /* LOGO and APP NAME -------------------------------------------------------- */ #nextcloud { - position: absolute; - top: 0; - left: 0; padding: 5px; padding-bottom: 0; height: 45px; /* header height */ @@ -89,8 +88,6 @@ #header .header-appname-container { display: inline-block; - position: absolute; - left: 70px; height: 27px; padding-top: 18px; padding-right: 10px; @@ -299,8 +296,12 @@ cursor: pointer; } +#header-right { + display: inline-flex; +} + #settings { - float: right; + display: inline-block; color: #ddd; cursor: pointer; } diff --git a/core/css/styles.css b/core/css/styles.css index 5ea4ca53707dd..31f9e87348f95 100644 --- a/core/css/styles.css +++ b/core/css/styles.css @@ -112,7 +112,6 @@ body { border: 0; border-radius: 3px; margin-top: 9px; - float: right; width: 0; cursor: pointer; -webkit-transition: all 100ms; @@ -125,7 +124,6 @@ body { .searchbox input[type="search"]:valid { color: #fff; width: 155px; - max-width: 50%; cursor: text; background-color: #0082c9; border: 1px solid rgba(255, 255, 255, .5); diff --git a/core/templates/layout.user.php b/core/templates/layout.user.php index c53e016c1c28a..8487c9783af1a 100644 --- a/core/templates/layout.user.php +++ b/core/templates/layout.user.php @@ -42,67 +42,73 @@