feat(ui): fix icon spacing/alignment and button text color for the Docker volume browsing pages EE-3513

app/agent/components/files-datatable/filesDatatable.html

@@ -76,9 +76,11 @@
                   ></a>
                 </span>
                 <span ng-if="!item.edit && item.Dir">
-                  <a ng-click="$ctrl.browse({name: item.Name})"><pr-icon icon="'folder'" feather="true" class-name="space-right"></pr-icon>{{ item.Name }}</a>
+                  <a class="vertical-center" ng-click="$ctrl.browse({name: item.Name})">
+                    <pr-icon icon="'folder'" feather="true" class-name="space-right"></pr-icon>{{ item.Name }}
+                  </a>
                 </span>
-                <span ng-if="!item.edit && !item.Dir"><pr-icon icon="'file'" feather="true" class-name="space-right"></pr-icon>{{ item.Name }} </span>
+                <span class="vertical-center" ng-if="!item.edit && !item.Dir"> <pr-icon icon="'file'" feather="true" class-name="space-right"></pr-icon>{{ item.Name }} </span>
               </td>
               <td>{{ item.Size | humansize }}</td>
               <td>

app/docker/components/datatables/volumes-datatable/volumesDatatable.html

@@ -189,7 +189,7 @@
                 }}</a>
                 <span ng-if="$ctrl.offlineMode">{{ item.Id | truncate: 40 }}</span>
                 <btn authorization="DockerAgentBrowseList" ng-if="$ctrl.showBrowseAction && !$ctrl.offlineMode">
-                  <a ui-sref="docker.volumes.volume.browse({ id: item.Id, nodeName: item.NodeName })" class="btn btn-xs btn-primary space-left">
+                  <a ui-sref="docker.volumes.volume.browse({ id: item.Id, nodeName: item.NodeName })" class="btn btn-xs btn-primary space-left !text-white">
                     <pr-icon icon="'search'" feather="true"></pr-icon> browse
                   </a>
                 </btn>