add svg to order icons

resources/js/views/Memo/MemoIndex.vue

@@ -4,11 +4,11 @@
             <a href="#" class="btn" @click="$router.back()">Back</a>
             <div>
                 <a class="btn-secondary btn-small mr-2" @click="reorderList(true, 'date')">
-                    date
+                    <svg-vue icon="order-time" class="" />
                     <svg-vue icon="arrow" v-bind:class="{ arrowUp: !this.orderDate }" class="transform m-0 rotate-90 transition duration-300 ease-in-out" />
                 </a>
                 <a class="btn-secondary btn-small" @click="reorderList(true, 'alpha')">
-                    alpha
+                    <svg-vue icon="order-alpha" class="" />
                     <svg-vue icon="arrow" v-bind:class="{ arrowUp: !this.orderAlpha }" class="transform m-0 rotate-90 transition duration-300 ease-in-out" />
                 </a>
             </div>

resources/sass/components/_btn.scss

@@ -58,7 +58,7 @@
 
 .btn-small {
     @extend .btn;
-    @apply text-sm;
+    @apply text-sm p-2;
 
     & svg {
         @apply ml-2 mr-0;

resources/svg/order-alpha.svg

@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="iso-8859-1"?>
+<svg version="1.1" id="Capa_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+     viewBox="0 0 432 432" style="0 0 432 432;" xml:space="preserve">
+<g>
+	<g>
+		<g>
+			<polygon points="234.24,9.067 183.893,59.413 284.587,59.413 "/>
+            <polygon points="301.44,304.32 427.947,120.853 427.947,93.973 250.88,93.973 250.88,128.107 376.32,128.107 250.027,310.72 250.027,338.24 432,338.24 432,304.32 "/>
+            <polygon points="234.24,422.933 283.947,373.227 184.533,373.227 "/>
+            <path d="M226.773,338.24L130.987,93.76H96L0,338.24h39.253l19.627-52.267h109.013l19.627,52.267H226.773z M71.893,250.987 L113.28,140.48l41.387,110.507H71.893z"/>
+		</g>
+	</g>
+</g>
+</svg>

resources/svg/order-time.svg

@@ -0,0 +1,26 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<svg
+   xmlns:svg="http://www.w3.org/2000/svg"
+   xmlns="http://www.w3.org/2000/svg"
+   version="1.1"
+   id="Capa_1"
+   x="0px"
+   y="0px"
+   viewBox="0 0 426.667 426.667"
+   style="0 0 426.667 426.667;"
+   xml:space="preserve">
+<polygon
+   points="284.587,59.413 234.24,9.067 183.893,59.413 "
+   id="polygon2"
+   transform="translate(-20.906504)" />
+    <polygon
+   points="184.533,373.227 234.24,422.933 283.947,373.227 "
+   id="polygon10"
+   transform="translate(-20.906504)" /><g
+   id="g854"
+   transform="matrix(0.6546605,0,0,0.6546605,73.67248,73.672808)"><path
+     id="path4"
+     d="M 213.227,0 C 95.36,0 0,95.467 0,213.333 c 0,117.866 95.36,213.333 213.227,213.333 117.867,0 213.44,-95.467 213.44,-213.333 C 426.667,95.467 331.093,0 213.227,0 Z m 0.106,384 C 119.04,384 42.666,307.627 42.666,213.333 42.666,119.039 119.04,42.667 213.333,42.667 307.626,42.667 384,119.04 384,213.333 384,307.626 307.627,384 213.333,384 Z" /><polygon
+     id="polygon12"
+     points="192,234.667 303.893,301.867 320,275.627 224,218.667 224,106.667 192,106.667 " /></g>
+</svg>