Wrapped text in h5s, added aria hidden to icons

2025-01-11 13:57:41 -08:00 · 2020-03-27 21:45:27 -07:00 · 2020-03-27 21:45:27 -07:00 · 2a813244a2
parent b50894fca1
commit 2a813244a2
1 changed files with 105 additions and 45 deletions
--- 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>