From d2842907a3e0f41346860a9950c0cf771543ced3 Mon Sep 17 00:00:00 2001
From: Henrik Hautakoski <henrik.hautakoski@gmail.com>
Date: Tue, 2 Aug 2022 12:02:17 +0200
Subject: [PATCH] views: change pull-left,pull-right classes to
 float-start,float-end

---
 app/views/main/callback/list.volt | 4 ++--
 app/views/main/callback/show.volt | 4 ++--
 app/views/main/user/settings.volt | 6 ++----
 3 files changed, 6 insertions(+), 8 deletions(-)

diff --git a/app/views/main/callback/list.volt b/app/views/main/callback/list.volt
index 5f4d100..f5920a3 100644
--- a/app/views/main/callback/list.volt
+++ b/app/views/main/callback/list.volt
@@ -2,9 +2,9 @@
 <div class="section">
 
     <div class="clearfix">
-        <h2 class="pull-left">Callbacks</h2>
+        <h2 class="float-start">Callbacks</h2>
 
-        <div class="pull-right">
+        <div class="float-end">
             <a class="button button-large button-primary" href="{{ url('/callback/new') }}">
                 {{ icon('solid/plus') }} New
             </a>
diff --git a/app/views/main/callback/show.volt b/app/views/main/callback/show.volt
index 7114fe6..59ce19e 100644
--- a/app/views/main/callback/show.volt
+++ b/app/views/main/callback/show.volt
@@ -1,8 +1,8 @@
 
 <div class="section">
     <div class="clearfix">
-        <h3 class="pull-left">{{ item.name|e }}</h3>
-        <h5 class="pull-right"><strong>Created at:</strong> {{ item.created_at }}</h5>
+        <h3 class="float-start">{{ item.name|e }}</h3>
+        <h5 class="float-end"><strong>Created at:</strong> {{ item.created_at }}</h5>
     </div>
 
     <div class="panel-group request-list" id="request-list" role="tablist" aria-multiselectable="true">
diff --git a/app/views/main/user/settings.volt b/app/views/main/user/settings.volt
index c7c40df..ad5da5d 100644
--- a/app/views/main/user/settings.volt
+++ b/app/views/main/user/settings.volt
@@ -72,7 +72,7 @@
                 <hr />
                 {{ form.render('Save') }}
 
-                <button class="button button-danger pull-right" type="button" data-toggle="modal" data-target="#deleteModal">
+                <button class="button button-danger float-end" type="button" data-toggle="modal" data-target="#deleteModal">
                     Delete Account
                 </button>
             </div>
@@ -85,7 +85,7 @@
     <div class="modal-dialog" role="document">
         <div class="modal-content">
             <div class="modal-header">
-                <h4 class="modal-title pull-left" id="deleteModalLabel">Delete account</h4>
+                <h4 class="modal-title float-start" id="deleteModalLabel">Delete account</h4>
                 <button type="button" class="close" data-dismiss="modal" aria-label="Close">
                     <span aria-hidden="true">&times;</span>
                 </button>
@@ -112,5 +112,3 @@
         </div>
     </div>
 </div>
-
-