From b86f9343c2139f4c49ce9f462546e4f86d1228a3 Mon Sep 17 00:00:00 2001
From: Kevin MacMartin <prurigro@gmail.com>
Date: Sun, 15 Apr 2018 20:43:23 -0400
Subject: [PATCH] Replace the fontawesome dashboard sort icon with CSS

---
 resources/assets/sass/dashboard.scss          | 29 +++++++++++++++++++
 resources/views/dashboard/edit-list.blade.php |  8 +++--
 2 files changed, 35 insertions(+), 2 deletions(-)

diff --git a/resources/assets/sass/dashboard.scss b/resources/assets/sass/dashboard.scss
index d3e764d..0f61cbe 100644
--- a/resources/assets/sass/dashboard.scss
+++ b/resources/assets/sass/dashboard.scss
@@ -411,6 +411,35 @@ body {
                         left: 20px;
                         transform: translateY(-50%);
                     }
+
+                    &-inner {
+                        position: relative;
+                        top: 2px;
+                        display: inline-block;
+                        width: 12px;
+                        height: 14px;
+
+                        &-bar {
+                            position: absolute;
+                            left: 0px;
+                            width: 100%;
+                            height: 2px;
+                            background-color: $c-text;
+
+                            &:nth-child(1) {
+                                top: 2px;
+                            }
+
+                            &:nth-child(2) {
+                                top: 50%;
+                                transform: translateY(-50%);
+                            }
+
+                            &:nth-child(3) {
+                                bottom: 2px;
+                            }
+                        }
+                    }
                 }
 
                 .column {
diff --git a/resources/views/dashboard/edit-list.blade.php b/resources/views/dashboard/edit-list.blade.php
index 7abfefc..26adef9 100644
--- a/resources/views/dashboard/edit-list.blade.php
+++ b/resources/views/dashboard/edit-list.blade.php
@@ -23,8 +23,12 @@
                 <li class="list-group-item {{ $sortcol != false ? 'sortable' : '' }}" data-id="{{ $row['id'] }}">
                     <div class="title-column">
                         @if($sortcol != false)
-                            <div class="sort-icon">
-                                <i class="fa fa-bars" title="Click and drag to reorder"></i>
+                            <div class="sort-icon" title="Click and drag to reorder">
+                                <div class="sort-icon-inner">
+                                    <div class="sort-icon-inner-bar"></div>
+                                    <div class="sort-icon-inner-bar"></div>
+                                    <div class="sort-icon-inner-bar"></div>
+                                </div>
                             </div>
                         @endif