From 2a813244a246e7e035a87ff53d8faf73b39a5f00 Mon Sep 17 00:00:00 2001
From: snipe <snipe@snipe.net>
Date: Fri, 27 Mar 2020 21:45:27 -0700
Subject: [PATCH] Wrapped text in h5s, added aria hidden to icons

---
 resources/views/settings/index.blade.php | 150 ++++++++++++++++-------
 1 file changed, 105 insertions(+), 45 deletions(-)

diff --git a/resources/views/settings/index.blade.php b/resources/views/settings/index.blade.php
index c17f4013b9..14e665da6f 100755
--- a/resources/views/settings/index.blade.php
+++ b/resources/views/settings/index.blade.php
@@ -16,9 +16,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.branding.index') }}" class="btn btn-lg btn-white"><i class="fa fa-copyright fa-3x"></i></a>
-          <br>
-          Branding
+          <h5>
+          <a href="{{ route('settings.branding.index') }}">
+            <i class="fa fa-copyright fa-4x" aria-hidden="true"></i>
+            <br><br>
+            Branding
+          </a>
+          </h5>
           <p class="help-block">Logo, Site Name</p>
         </div>
       </div>
@@ -28,9 +32,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.general.index') }}" class="btn btn-lg btn-white"><i class="fa fa-wrench fa-3x"></i></a>
-          <br>
-          General Settings
+          <h5>
+            <a href="{{ route('settings.general.index') }}">
+              <i class="fa fa-wrench fa-4x" aria-hidden="true"></i>
+              <br><br>
+              General Settings
+            </a>
+          </h5>
           <p class="help-block">Default EULA and more</p>
         </div>
       </div>
@@ -40,9 +48,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.security.index') }}" class="btn btn-lg btn-white"><i class="fa fa-lock fa-3x"></i></a>
-          <br>
-          Security
+          <h5>
+            <a href="{{ route('settings.security.index') }}">
+              <i class="fa fa-lock fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Security
+            </a>
+          </h5>
           <p class="help-block">Two-factor, Password Restrictions</p>
         </div>
       </div>
@@ -51,9 +63,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('groups.index') }}" class="btn btn-lg btn-white"><i class="fa fa-group fa-3x"></i></a>
-          <br>
-          Groups
+          <h5>
+            <a href="{{ route('groups.index') }}">
+              <i class="fa fa-group fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Groups
+              </a>
+          </h5>
           <p class="help-block">Account permission groups</p>
         </div>
       </div>
@@ -63,9 +79,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.localization.index') }}" class="btn btn-lg btn-white"><i class="fa fa-globe fa-3x"></i></a>
-          <br>
-          Localization
+          <h5>
+            <a href="{{ route('settings.localization.index') }}">
+              <i class="fa fa-globe fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Localization
+            </a>
+          </h5>
           <p class="help-block">Language, date display</p>
 
         </div>
@@ -76,9 +96,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.alerts.index') }}" class="btn btn-lg btn-white"><i class="fa fa-bell fa-3x"></i></a>
-          <br>
-          Notifications
+          <h5>
+            <a href="{{ route('settings.alerts.index') }}">
+              <i class="fa fa-bell fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Notifications
+            </a>
+          </h5>
           <p class="help-block">Email alerts</p>
         </div>
       </div>
@@ -87,9 +111,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.slack.index') }}" class="btn btn-lg btn-white"><i class="fa fa-slack fa-3x"></i></a>
-          <br>
-          Slack
+          <h5>
+            <a href="{{ route('settings.slack.index') }}">
+              <i class="fa fa-slack fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Slack
+            </a>
+          </h5>
           <p class="help-block">Slack settings</p>
         </div>
       </div>
@@ -98,9 +126,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.asset_tags.index') }}" class="btn btn-lg btn-white"><i class="fa fa-list-ol fa-3x"></i></a>
-          <br>
-          Asset Tags
+          <h5>
+            <a href="{{ route('settings.asset_tags.index') }}">
+              <i class="fa fa-list-ol fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Asset Tags
+            </a>
+          </h5>
           <p class="help-block">Incrementing and prefixes</p>
         </div>
       </div>
@@ -109,9 +141,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.barcodes.index') }}" class="btn btn-lg btn-white"><i class="fa fa-barcode fa-3x"></i></a>
-          <br>
-          Barcodes
+          <h5>
+            <a href="{{ route('settings.barcodes.index') }}">
+              <i class="fa fa-barcode fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Barcodes
+            </a>
+          </h5>
           <p class="help-block">Barcode &amp; QR settings</p>
         </div>
       </div>
@@ -120,9 +156,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.labels.index') }}" class="btn btn-lg btn-white"><i class="fa fa-tags fa-3x"></i></a>
-          <br>
-          Labels
+          <h5>
+            <a href="{{ route('settings.labels.index') }}">
+              <i class="fa fa-tags fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Labels
+            </a>
+          </h5>
           <p class="help-block">Label sizes &amp; settings</p>
         </div>
       </div>
@@ -132,9 +172,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.ldap.index') }}" class="btn btn-lg btn-white"><i class="fa fa-sitemap fa-3x"></i></a>
-          <br>
-          LDAP
+          <h5>
+            <a href="{{ route('settings.ldap.index') }}">
+              <i class="fa fa-sitemap fa-4x" aria-hidden="true"></i>
+              <br><br>
+              LDAP
+            </a>
+          </h5>
           <p class="help-block">LDAP/Active Directory</p>
         </div>
       </div>
@@ -143,9 +187,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.backups.index') }}" class="btn btn-lg btn-white"><i class="fa fa-cloud-download fa-3x"></i></a>
-          <br>
-          Backups
+          <h5>
+            <a href="{{ route('settings.backups.index') }}">
+              <i class="fa fa-cloud-download fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Backups
+            </a>
+          </h5>
           <p class="help-block">Download files &amp; Data</p>
         </div>
       </div>
@@ -155,9 +203,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-default">
         <div class="box-body text-center">
-          <a href="{{ route('settings.oauth.index') }}" class="btn btn-lg btn-white"><i class="fa fa-user-secret fa-3x"></i></a>
-          <br>
-          OAuth
+          <h5>
+          <a href="{{ route('settings.oauth.index') }}">
+            <i class="fa fa-user-secret fa-4x" aria-hidden="true"></i>
+            <br><br>
+            OAuth
+          </a>
+          </h5>
           <p class="help-block">Oauth Endpoint Settings</p>
         </div>
       </div>
@@ -167,9 +219,13 @@
       <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
         <div class="box box-default">
           <div class="box-body text-center">
-            <a href="{{ route('settings.phpinfo.index') }}" class="btn btn-lg btn-white"><i class="fa fa-server fa-3x"></i></a>
-            <br>
-            PHP
+            <h5>
+            <a href="{{ route('settings.phpinfo.index') }}">
+                <i class="fa fa-server fa-4x" aria-hidden="true"></i>
+              <br><br>
+              PHP
+            </a>
+            </h5>
             <p class="help-block">PHP System Info</p>
           </div>
         </div>
@@ -179,9 +235,13 @@
     <div class="col-md-4 col-lg-3 col-sm-6 col-xl-1">
       <div class="box box-danger">
         <div class="box-body text-center">
-          <a href="{{ route('settings.purge.index') }}" class="btn btn-lg btn-white text-danger"><i class="fa fa-trash fa-3x"></i></a>
-          <br>
-          Purge
+          <h5>
+            <a href="{{ route('settings.purge.index') }}">
+              <i class="fa fa-trash fa-4x" aria-hidden="true"></i>
+              <br><br>
+              Purge
+            </a>
+          </h5>
           <p class="help-block">Purge Deleted Records</p>
         </div>
       </div>