Make the "Load more" button center-aligned and give it "button" styling

Fixes #107

app/views/inbox/show.haml

@@ -8,5 +8,7 @@
 = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @inbox_last_id
 
 - if @more_data_available
-  %button.btn.btn-default#load-more-btn{ type: :button, data: { last_id: @inbox_last_id } }
-    = t 'views.actions.load'
+
+  .d-flex.justify-content-center
+    %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @inbox_last_id } }
+      = t 'views.actions.load'

app/views/list/index.haml

@@ -5,8 +5,9 @@
 = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @timeline_last_id
 
 - if @more_data_available
-  %button.btn.btn-default#load-more-btn{ type: :button, data: { last_id: @timeline_last_id } }
-    = t 'views.actions.load'
+  .d-flex.justify-content-center
+    %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @timeline_last_id } }
+      = t 'views.actions.load'
 
 - provide(:title, list_title(@list))
 - parent_layout 'feed'

app/views/notifications/index.haml

@@ -19,5 +19,6 @@
     = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @notifications_last_id, permitted_params: %i[type]
 
     - if @more_data_available
-      %button.btn.btn-default#load-more-btn{ type: :button, data: { last_id: @notifications_last_id } }
-        Load more
+      .d-flex.justify-content-center
+        %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @notifications_last_id } }
+          = t 'views.actions.load'

app/views/public/index.haml

@@ -5,8 +5,9 @@
 = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @timeline_last_id
 
 - if @more_data_available
-  %button.btn.btn-default#load-more-btn{ type: :button, data: { last_id: @timeline_last_id } }
-    Load more
+  .d-flex.justify-content-center
+    %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @timeline_last_id } }
+      = t 'views.actions.load'
 
 - provide(:title, generate_title('Public Timeline'))
 - parent_layout 'feed'

app/views/question/show.haml

@@ -9,8 +9,9 @@
   = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @answers_last_id
 
   - if @more_data_available
-    %button.btn.btn-default#load-more-btn{ type: :button, data: { last_id: @answers_last_id } }
-      Load more
+    .d-flex.justify-content-center
+      %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @answers_last_id } }
+        = t 'views.actions.load'
 
   - if user_signed_in? && !current_user.answered?(@question) && current_user != @question.user && @question.user&.privacy_allow_stranger_answers
     .card#q-answer-box

app/views/static/index.haml

@@ -5,8 +5,9 @@
 = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @timeline_last_id
 
 - if @more_data_available
-  %button.btn.btn-default#load-more-btn{ type: :button, data: { last_id: @timeline_last_id } }
-    Load more
+  .d-flex.justify-content-center
+    %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @timeline_last_id } }
+      = t 'views.actions.load'
 
 - provide(:title, APP_CONFIG['site_name'])
 - parent_layout 'feed'

app/views/user/questions.haml

@@ -5,8 +5,9 @@
 = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @questions_last_id
 
 - if @more_data_available
-  %button.btn.btn-default#load-more-btn{ type: :button, data: { last_id: @questions_last_id } }
-    = t 'views.actions.load'
+  .d-flex.justify-content-center
+    %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @questions_last_id } }
+      = t 'views.actions.load'
 
 - provide(:title, questions_title(@user))
 - parent_layout 'user/profile'

app/views/user/show.haml

@@ -6,8 +6,9 @@
 = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @answers_last_id
 
 - if @more_data_available
-  %button.btn.btn-default#load-more-btn{ type: :button, data: { last_id: @answers_last_id } }
-    = t 'views.actions.load'
+  .d-flex.justify-content-center
+    %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @answers_last_id } }
+      = t 'views.actions.load'
 
 - provide(:title, user_title(@user))
 - parent_layout 'user/profile'

app/views/user/show_follow.haml

@@ -6,8 +6,9 @@
 = render 'shared/cursored_pagination_dummy', more_data_available: @more_data_available, last_id: @users_last_id
 
 - if @more_data_available
-  %button.btn.btn-default#load-more-btn{ type: :button, data: { last_id: @users_last_id } }
-    = t 'views.actions.load'
+  .d-flex.justify-content-center
+    %button.btn.btn-light#load-more-btn{ type: :button, data: { last_id: @users_last_id } }
+      = t 'views.actions.load'
 
 - provide(:title, user_title(@user, 'friends and followers'))
 - parent_layout 'user/profile'