Float the icon to the left, raising the content higher

public/custom.css

@@ -1,3 +1,7 @@
+.float-left {
+	float: left;
+}
+
 .theme-bg-primary {
     background: #007cc3;
 }

resources/views/home.blade.php

@@ -17,10 +17,11 @@
 @section('main-content')
 	<div class="row">
 		<div class="col-12 bg-white">
-			<p class="text-center">
-				Welcome to the SQRL test site. You can login with your SQRL client and see what we see...
-			</p>
-			<p class="text-center mt-5"><span>{!! ($x=\Leenooks\SQRL\SQRL::authNonce(200))['qrcode'] !!}</span></p>
+			<div class="text-center">
+				<p>Welcome to the SQRL test site.</p>
+				<p>You can login with your SQRL client and see what we see...</p>
+				<p class="mt-5">{!! ($x=\Leenooks\SQRL\SQRL::authNonce(200))['qrcode'] !!}</p>
+			</div>
 
 			<div class="card-footer">
 				<div class="alert alert-danger" role="alert" id="error_message" hidden></div>

resources/views/layouts/app.blade.php

@@ -7,7 +7,7 @@
 	@includeIf('layouts.partials.header')
 
 	<section id="content-section" class="content-section">
-		<div class="container mb-5">
+		<div class="container mt-2 mb-5">
 			<div class="single-col-max mx-auto">
 				<h2 class="section-heading text-center mb-5">@yield('contentheader_title', 'Content Title')</h2>
 				<!-- Your Page Content Here -->

resources/views/layouts/partials/header.blade.php

@@ -1,6 +1,6 @@
-<header class="header">
+<header class="header float-left">
 	<div class="branding">
-		<div class="container-fluid position-relative py-3">
+		<div class="container-fluid position-relative py-2">
 			<div class="logo-wrapper">
 				<div class="site-logo">
 					<a class="navbar-brand" href="/">