<header><div id="header" class="<?php p((isset($_['folder']) ? 'share-folder' : 'share-file')) ?>">
<a href="<?php print_unescaped(link_to('', 'index.php')); ?>"
title="" id="owncloud">
- <div class="logo-icon svg"></div>
+ <div class="logo-wide svg"></div>
</a>
<div id="logo-claim" style="display:none;"><?php p($theme->getLogoClaim()); ?></div>
<div class="header-right">
box-align: center;
}
+/* on mobile, show logo-icon instead of logo-wide */
+#header .logo-wide {
+ background-image: url(../img/logo-icon.svg);
+ background-repeat: no-repeat;
+ width: 62px;
+ height: 34px;
+}
+
/* compress search box on mobile, expand when focused */
.searchbox input[type="search"] {
width: 15%;