adding

resources/js/components/filemanager/directory.riot

@@ -12,6 +12,22 @@
         <div class="file-table__column file-table__column--date">
             <div class="file-table__inner has-text-right">{ props.file.meta.updated_at }</div>
         </div>
+        <div class="file-table__column file-table__column--actions">
+            <div class="file-table__inner has-text-right">
+                <svg class="icon fill-success mr-1" aria-hidden="true">
+                    <use xlink:href="/symbol-defs.svg#icon-eye"></use>
+                </svg>
+                <svg class="icon fill-success mr-1" aria-hidden="true">
+                    <use xlink:href="/symbol-defs.svg#icon-download"></use>
+                </svg>
+                <svg class="icon fill-danger mr-1" aria-hidden="true">
+                    <use xlink:href="/symbol-defs.svg#icon-delete"></use>
+                </svg>
+                <svg class="icon fill-grey mr-1" aria-hidden="true">
+                    <use xlink:href="/symbol-defs.svg#icon-build"></use>
+                </svg>
+            </div>
+        </div>
     </div>
     <script>
 

resources/js/components/filemanager/file.riot

@@ -12,12 +12,12 @@
         <div class="file-table__column file-table__column--date">
             <div class="file-table__inner has-text-right">{ props.file.meta.updated_at }</div>
         </div>
-        <div class="file-table__column">
+        <div class="file-table__column file-table__column--actions">
             <div class="file-table__inner has-text-right">
-                <svg class="icon fill-success ml-1 mr-1" aria-hidden="true">
+                <svg class="icon fill-success mr-1" aria-hidden="true">
                     <use xlink:href="/symbol-defs.svg#icon-eye"></use>
                 </svg>
-                <svg class="icon fill-success ml-1 mr-1" aria-hidden="true">
+                <svg class="icon fill-success mr-1" aria-hidden="true">
                     <use xlink:href="/symbol-defs.svg#icon-download"></use>
                 </svg>
                 <svg class="icon fill-danger mr-1" aria-hidden="true">

resources/js/components/filemanager/parent.riot

@@ -1,7 +1,7 @@
 <urban-filemanager-parent>
     <div class="file-table__row">
         <div class="file-table__column file-table__column--select">
-            <svg class="icon fill-grey mr-2" aria-hidden="true">
+            <svg class="icon fill-grey mr-2" aria-hidden="true" onclick={ (event) => { props.handleClick(event, this) } }>
                 <use xlink:href="/symbol-defs.svg#icon-back"></use>
             </svg>
         </div>
@@ -11,6 +11,14 @@
     </div>
     <script>
 
+    /**
+     *  
+     *  parent Directory
+     *
+     *
+     *
+     */
+
     export default {
 
     }

resources/scss/components/_file-table.scss

@@ -38,6 +38,10 @@
                     margin: -17px 0 0 0;
                 }
             }
+
+            &--actions {
+                max-width: 180px;
+            }
         }
     }
 

resources/scss/components/_icon.scss

@@ -31,4 +31,46 @@
     .fill-danger {
         fill: $danger;
     }
+
+    .filled {
+        fill: #fff;
+        border-radius: 3px;
+    }
+
+    .file-table__column--actions {
+        .icon {
+            width: 2em;
+            height: 2em;
+            padding: 4px;
+            fill: #ffffff;
+            border-width: 1px;
+            border-style: solid;
+            border-radius: 3px;
+            vertical-align: middle;
+            
+            &:hover {
+                cursor: pointer;
+            }
+        }
+
+        .fill-primary {
+            background-color: $primary;
+            border-color: darken($primary, 10%);
+        }
+
+        .fill-grey {
+            background-color: $grey;
+            border-color: darken($grey, 10%);
+        }
+
+        .fill-success {
+            background-color: $success;
+            border-color: darken($success, 10%);
+        }
+
+        .fill-danger {
+            background-color: $danger;
+            border-color: darken($danger, 10%);
+        }
+    }
 }