Fixed a11y refresh button issue for Documents tab

less/documentDB.less

@@ -2245,7 +2245,8 @@ a:link {
 }
 
 .refreshColHeader {
-  padding: 3px 6px 10px 0px !important;
+  padding: 3px 0px 10px 0px !important;
+  width: 15px;
 }
 
 .refreshColHeader:hover {

src/Common/EntityValue.tsx

@@ -39,6 +39,7 @@ export const EntityValue: FunctionComponent<TableEntityProps> = ({
         />
         <TextField
           label={entityValueLabel && entityValueLabel}
+          id="entityTimeId"
           autoFocus
           type="time"
           value={entityTimeValue}
@@ -53,6 +54,7 @@ export const EntityValue: FunctionComponent<TableEntityProps> = ({
     <TextField
       label={entityValueLabel && entityValueLabel}
       className="addEntityTextField"
+      id="entityValueId"
       autoFocus
       disabled={isEntityValueDisable}
       type={entityValueType}

src/Common/TableEntity.tsx

@@ -95,6 +95,7 @@ export const TableEntity: FunctionComponent<TableEntityProps> = ({
       <Stack horizontal tokens={sectionStackTokens}>
         <TextField
           label={entityPropertyLabel && entityPropertyLabel}
+          id="entityPropertyId"
           autoFocus
           disabled={isPropertyTypeDisable}
           placeholder={entityPropertyPlaceHolder}
@@ -108,8 +109,8 @@ export const TableEntity: FunctionComponent<TableEntityProps> = ({
           onChange={onEntityTypeChange}
           options={options}
           disabled={isPropertyTypeDisable}
+          id="entityTypeId"
           styles={dropdownStyles}
-          ariaLabel="Select Type"
         />
         <EntityValue
           entityValueLabel={entityValueLabel}

src/Explorer/Tabs/DocumentsTab.html

@@ -158,13 +158,13 @@
                   role="button"
                   aria-label="Refresh documents"
                   data-bind="event: { keydown: onRefreshButtonKeyDown }"
+                  tabindex="0"
                 >
                   <img
                     class="refreshcol"
                     src="/refresh-cosmos.svg"
                     data-bind="click: refreshDocumentsGrid"
                     alt="Refresh documents"
-                    tabindex="0"
                   />
                 </th>
               </tr>