freeing up space in bootstrap layouts by using logo instead of brand name

tpl/bootstrap-compact.html

@@ -40,7 +40,9 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-				<a class="reloadlink navbar-brand" href="/">{function="i18n::_('PrivateBin')"}</a>
+					<a class="reloadlink navbar-brand" href="/">
+						<img alt="{function="i18n::_('PrivateBin')"}" src="favicon-32x32.png" width="20" />
+					</a>
 				</div>
 				<div id="navbar" class="navbar-collapse collapse">
 					<ul class="nav navbar-nav">

tpl/bootstrap-dark-page.html

@@ -39,7 +39,9 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-				<a class="reloadlink navbar-brand" href="/">{function="i18n::_('PrivateBin')"}</a>
+					<a class="reloadlink navbar-brand" href="/">
+						<img alt="{function="i18n::_('PrivateBin')"}" src="favicon-32x32.png" width="20" />
+					</a>
 				</div>
 				<div id="navbar" class="navbar-collapse collapse">
 					<ul class="nav navbar-nav">

tpl/bootstrap-dark.html

@@ -39,7 +39,9 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-				<a class="reloadlink navbar-brand" href="/">{function="i18n::_('PrivateBin')"}</a>
+					<a class="reloadlink navbar-brand" href="/">
+						<img alt="{function="i18n::_('PrivateBin')"}" src="favicon-32x32.png" width="20" />
+					</a>
 				</div>
 				<div id="navbar" class="navbar-collapse collapse">
 					<ul class="nav navbar-nav">

tpl/bootstrap-page.html

@@ -39,7 +39,9 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-				<a class="reloadlink navbar-brand" href="/">{function="i18n::_('PrivateBin')"}</a>
+					<a class="reloadlink navbar-brand" href="/">
+						<img alt="{function="i18n::_('PrivateBin')"}" src="favicon-32x32.png" width="20" />
+					</a>
 				</div>
 				<div id="navbar" class="navbar-collapse collapse">
 					<ul class="nav navbar-nav">

tpl/bootstrap.html

@@ -39,7 +39,9 @@
 						<span class="icon-bar"></span>
 						<span class="icon-bar"></span>
 					</button>
-				<a class="reloadlink navbar-brand" href="/">{function="i18n::_('PrivateBin')"}</a>
+					<a class="reloadlink navbar-brand" href="/">
+						<img alt="{function="i18n::_('PrivateBin')"}" src="favicon-32x32.png" width="20" />
+					</a>
 				</div>
 				<div id="navbar" class="navbar-collapse collapse">
 					<ul class="nav navbar-nav">