From 562b14002c509d4f4686509c105d49645ba8beff Mon Sep 17 00:00:00 2001
From: Deon George <deon@leenooks.net>
Date: Sat, 1 Oct 2022 11:07:03 +1000
Subject: [PATCH] Float the icon to the left, raising the content higher

---
 public/custom.css                                 | 4 ++++
 resources/views/home.blade.php                    | 9 +++++----
 resources/views/layouts/app.blade.php             | 2 +-
 resources/views/layouts/partials/header.blade.php | 4 ++--
 4 files changed, 12 insertions(+), 7 deletions(-)

diff --git a/public/custom.css b/public/custom.css
index 47c1740..45e8bad 100644
--- a/public/custom.css
+++ b/public/custom.css
@@ -1,3 +1,7 @@
+.float-left {
+	float: left;
+}
+
 .theme-bg-primary {
     background: #007cc3;
 }
diff --git a/resources/views/home.blade.php b/resources/views/home.blade.php
index ce4c446..dd00bee 100644
--- a/resources/views/home.blade.php
+++ b/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>
diff --git a/resources/views/layouts/app.blade.php b/resources/views/layouts/app.blade.php
index b324112..3ebb8a8 100644
--- a/resources/views/layouts/app.blade.php
+++ b/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 -->
diff --git a/resources/views/layouts/partials/header.blade.php b/resources/views/layouts/partials/header.blade.php
index 7e8b4b0..38a5730 100644
--- a/resources/views/layouts/partials/header.blade.php
+++ b/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="/">