Fixed view.php and updated the sidebar width

src/styles/_sidebar.scss

@@ -2,7 +2,7 @@
 
 	position: fixed;
 	top: 50px;
-	right: -370px;
+	right: -360px;
 	width: 350px;
 	height: calc(100% - 50px);
 	background-color: rgba(25, 25, 25, .98);
@@ -10,7 +10,7 @@
 	transform: translateX(0);
 	transition: transform .3s $timing;
 
-	&.active { transform: translateX(-320px); }
+	&.active { transform: translateX(-360px); }
 
 	&.notSelectable table tr td:last-child {
 		-webkit-user-select: none !important;
@@ -29,8 +29,8 @@
 
 	&__header h1 {
 		position: absolute;
-		margin: 15px 50px 15px 0;
+		margin: 15px 0 15px 0;
-		width: calc(100% - 50px);
+		width: 100%;
 		color: #fff;
 		font-size: 16px;
 		font-weight: bold;
@@ -41,7 +41,7 @@
 	&__wrapper {
 		float: left;
 		height: calc(100% - 49px);
-		width: 300px;
+		width: 350px;
 		overflow: auto;
 		-webkit-overflow-scrolling: touch;
 	}

view.php

@@ -51,16 +51,20 @@
 	<!-- endinject -->
 
 	<!-- Header -->
-	<header class="view">
+	<header class="header header--view">
 
-		<a class="button button--right button--info" id="button_info" title="About Photo">
+		<div class="header__toolbar header__toolbar--public header__toolbar--visible">
-			<svg class="iconic"><use xlink:href="#info"></use></svg>
-		</a>
-		<a class="button button--right" id="button_direct" title="Direct Link">
-			<svg class="iconic"><use xlink:href="#link-intact"></use></svg>
-		</a>
 
-		<a id="title" class="view"></a>
+			<a class="header__title"></a>
+
+			<a class="button button--info" id="button_info" title="About Photo">
+				<svg class="iconic"><use xlink:href="#info"></use></svg>
+			</a>
+			<a class="button" id="button_direct" title="Direct Link">
+				<svg class="iconic"><use xlink:href="#link-intact"></use></svg>
+			</a>
+
+		</div>
 
 	</header>
 
@@ -68,11 +72,11 @@
 	<div id="imageview" class="view"></div>
 
 	<!-- Infobox -->
-	<div id="sidebar">
+	<div class="sidebar">
-		<div class='header'>
+		<div class="sidebar__header">
 			<h1>About</h1>
 		</div>
-		<div class='wrapper'></div>
+		<div class="sidebar__wrapper"></div>
 	</div>
 
 	<!-- JS -->