Small layout tweaks (#43)

src/Web/Views/Catalog/_pagination.cshtml

@@ -1,23 +1,28 @@
 @model PaginationInfoViewModel
 
 <div class="esh-pager">
-    <div class="container">
+	<div class="container-fluid">
 		<article class="esh-pager-wrapper row">
 			<nav>
-                <a class="esh-pager-item esh-pager-item--navigable @Model.Previous"
+				<div class="col-md-2 col-xs-12">
+					<a class="esh-pager-item-left esh-pager-item--navigable @Model.Previous"
 					   id="Previous"
 					   asp-controller="Catalog"
 					   asp-action="Index"
-                    asp-route-page="@(Model.ActualPage -1)"
+					   asp-route-page="@(Model.ActualPage - 1)"
 					   aria-label="Previous">
 						Previous
 					</a>
+				</div>
 				
+				<div class="col-md-8 col-xs-12">
 					<span class="esh-pager-item">
 						Showing @Model.ItemsPerPage of @Model.TotalItems products - Page @(Model.ActualPage + 1) - @Model.TotalPages
 					</span>
+				</div>
 		        
-                <a class="esh-pager-item esh-pager-item--navigable @Model.Next"
+				<div class="col-md-2 col-xs-12">
+					<a class="esh-pager-item-right esh-pager-item--navigable @Model.Next"
 					   id="Next"
 					   asp-controller="Catalog"
 					   asp-action="Index"
@@ -25,6 +30,7 @@
 					   aria-label="Next">
 						Next
 					</a>
+				</div>
 			</nav>
 		</article>
 	</div>

src/Web/Views/Shared/_Layout.cshtml

@@ -24,13 +24,12 @@
 			<article class="row">
 
 				<section class="col-lg-7 col-md-6 col-xs-12">
-                    <a class="navbar-brand" routerLink="catalog">
-                        <a asp-area="" asp-controller="Catalog" asp-action="Index">
-                            <img src="../images/brand.png" />
+					<a asp-area="" asp-controller="Catalog" asp-action="Index" class="navbar-brand">
+						<img src="../images/brand.png" alt="eShop On Web"/>
 					</a>
 				</section>
 				@await Html.PartialAsync("_LoginPartial")
-                <section class="col-lg-1 col-xs-12"><a asp-controller="Basket" asp-action="Index">Basket</a></section>
+				<section class="col-lg-1 col-md-3 col-xs-6"><a asp-controller="Basket" asp-action="Index">Basket</a></section>
 
 			</article>
 		</div>

src/Web/Views/Shared/_LoginPartial.cshtml

@@ -40,7 +40,7 @@
 }
 else
 {
-        <section class="col-lg-4 col-md-5 col-xs-12">
+        <section class="col-lg-1 col-lg-offset-3 col-md-3 col-xs-6">
             <div class="esh-identity">
                 <section class="esh-identity-section">
                     <div class="esh-identity-item">

src/Web/wwwroot/css/catalog/pager.css

@@ -3,8 +3,12 @@
     text-align: center;
 }
 
-.esh-pager-item {
-    margin: 0 5vw;
+.esh-pager-item-left {
+    float: left;
+}
+
+.esh-pager-item-right {
+    float: right;
 }
 
 .esh-pager-item--navigable {