Merge pull request #289 from pwm-project/ng-helpdesk

Last minute changes

client/src/helpdesk/helpdesk-detail.component.html

@@ -111,12 +111,15 @@
     </div>
 
     <div class="help-desk-buttons">
-        <ias-button ng-click="$ctrl.gotoSearch()"
-                   ng-disabled="$ctrl.buttonDisabled('back')"
-                   ng-if="$ctrl.buttonVisible('back')">{{ 'Button_GoBack' | translate }}</ias-button>
-        <ias-button ng-click="$ctrl.refresh()"
-                   ng-disabled="$ctrl.buttonDisabled('refresh')"
-                   ng-if="$ctrl.buttonVisible('refresh')">{{ 'Display_CaptchaRefresh' | translate }}</ias-button>
+        <ias-button id="helpdesk-refresh-icon" class="ias-icon-button"
+                    ng-click="$ctrl.refresh()" ng-attr-title="{{ 'Display_CaptchaRefresh' | translate }}">
+            <ias-icon class="ias-selected" icon="reload_refresh_thin"></ias-icon>
+        </ias-button>
+        <ias-button id="helpdesk-go-back-icon" class="ias-icon-button"
+                    ng-click="$ctrl.gotoSearch()" ng-attr-title="{{ 'Button_GoBack' | translate }}">
+            <ias-icon class="ias-selected" icon="close_thin"></ias-icon>
+        </ias-button>
+
         <ias-button ng-click="$ctrl.changePassword()"
                    ng-disabled="$ctrl.buttonDisabled('changePassword')"
                    ng-if="$ctrl.buttonVisible('changePassword')">{{ 'Button_ChangePassword' | translate }}</ias-button>

client/src/helpdesk/helpdesk-detail.component.scss

@@ -36,6 +36,20 @@ help-desk-detail {
     > .help-desk-buttons {
       margin-left: 15px;
 
+      > #helpdesk-go-back-icon {
+        position: absolute;
+        top: 50px;
+        margin-left: 115px;
+        width: 28px;
+      }
+
+      > #helpdesk-refresh-icon {
+        position: absolute;
+        top: 50px;
+        margin-left: 80px;
+        width: 28px;
+      }
+
       > .ias-button {
         display: block;
         margin-bottom: 5px;