style the tags + close #47

app/Item.php

@@ -161,6 +161,14 @@ class Item extends Model
             return 'fa-arrow-alt-to-right';
         }
     }
+    public function getLinkTypeAttribute()
+    {
+        if((int)$this->type === 1) {
+            return 'tags';
+        } else {
+            return 'items';
+        }
+    }
 
     public function scopeOfType($query, $type)
     {

public/css/app.css

@@ -5590,14 +5590,16 @@ readers do not read off random characters that represent icons */
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice {
-  background-color: #e4e4e4;
+  background-color: #f2f3f6;
-  border: 1px solid #aaa;
+  border: 1px solid #dedfe2;
   border-radius: 4px;
   cursor: default;
   float: left;
   margin-right: 5px;
+  font-size: 13px;
+  font-weight: 300;
   margin-top: 5px;
-  padding: 0 5px;
+  padding: 5px;
 }
 
 .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {

public/mix-manifest.json

@@ -1,4 +1,4 @@
 {
-    "/css/app.css": "/css/app.css?id=098a3a1a2e45b2715547",
+    "/css/app.css": "/css/app.css?id=353c513dd97a5fa0607d",
     "/js/app.js": "/js/app.js?id=24ea5e5c1fbea3461a14"
 }

resources/assets/sass/_select2.scss

@@ -199,14 +199,16 @@
     margin-top: 5px;
     margin-right: 10px; }
   .select2-container--default .select2-selection--multiple .select2-selection__choice {
-    background-color: #e4e4e4;
+    background-color: #f2f3f6;
-    border: 1px solid #aaa;
+    border: 1px solid #dedfe2;
     border-radius: 4px;
     cursor: default;
     float: left;
     margin-right: 5px;
+    font-size: 13px;
+    font-weight: 300;
     margin-top: 5px;
-    padding: 0 5px; }
+    padding: 5px; }
   .select2-container--default .select2-selection--multiple .select2-selection__choice__remove {
     color: #999;
     cursor: pointer;

resources/views/item.blade.php

@@ -13,6 +13,6 @@
                             </div>
                             <a class="link"{{ $app->target }} href="{{ $app->link }}"><i class="fas {{ $app->link_icon }}"></i></a>
                         </div>
-                        <a class="item-edit" href="{{ route('items.edit', $app->id) }}"><i class="fas fa-pencil"></i></a>
+                        <a class="item-edit" href="{{ route($app->link_type.'.edit', $app->id) }}"><i class="fas fa-pencil"></i></a>
                         
                     </section>

resources/views/items/form.blade.php

@@ -33,7 +33,7 @@
                 <label>{{ __('app.apps.colour') }} *</label>
                 {!! Form::text('colour', null, array('placeholder' => __('app.apps.hex'),'class' => 'form-control color-picker')) !!}
                 <hr />
-                <label>{{ __('app.apps.tags') }}</label>
+                <label>{{ __('app.apps.tags') }} ({{ __('app.optional') }})</label>
                 {!! Form::select('tags', $tags, $current_tags, ['class' => 'tags', 'multiple']) !!}
             </div>
             <div class="input">

resources/views/items/list.blade.php

@@ -12,6 +12,7 @@
                 </div>
                 <div class="module-actions">
                     <a href="{{ route('items.create') }}" title="" class="button"><i class="fa fa-plus"></i><span>{{ __('app.buttons.add') }}</span></a>
+                    <a href="{{ route('dash') }}" class="button"><i class="fa fa-ban"></i><span>{{ __('app.buttons.cancel') }}</span></a>
                 </div>
             </header>
 

resources/views/tags/list.blade.php

@@ -12,6 +12,7 @@
                 </div>
                 <div class="module-actions">
                     <a href="{{ route('tags.create') }}" title="" class="button"><i class="fa fa-plus"></i><span>{{ __('app.buttons.add') }}</span></a>
+                    <a href="{{ route('dash') }}" class="button"><i class="fa fa-ban"></i><span>{{ __('app.buttons.cancel') }}</span></a>
                 </div>
             </header>