Float the icon to the left, raising the content higher

This commit is contained in:
Deon George 2022-10-01 11:07:03 +10:00
parent b96ea4a217
commit 562b14002c
4 changed files with 12 additions and 7 deletions

View File

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

View File

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

View File

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

View File

@ -1,6 +1,6 @@
<header class="header"> <header class="header float-left">
<div class="branding"> <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="logo-wrapper">
<div class="site-logo"> <div class="site-logo">
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">