change(ui) - ui feedback

frontend/app/components/Header/SettingsMenu/SettingsMenu.tsx

@@ -35,7 +35,7 @@ function SettingsMenu(props: RouteComponentProps<Props>) {
   };
   return (
     <div
-      style={{ width: '160px', marginTop: '35px' }}
+      style={{ width: '160px', marginTop: '34px' }}
       className={cn(className, 'rounded absolute -right-4 top-0 bg-white border p-2 text-left')}
     >
       {isAdmin && (

frontend/app/components/shared/LiveSessionList/LiveSessionList.tsx

@@ -87,7 +87,7 @@ function LiveSessionList(props: Props) {
       <div className="bg-white p-3 rounded border">
         <div className="flex mb-6 justify-between items-center">
           <div className="flex items-center">
-            <h3 className="text-2xl capitalize mr-4">
+            <h3 className="text-2xl capitalize mr-2">
               <span>Live Sessions</span>
               {/* <span className="ml-2 font-normal color-gray-medium">{numberWithCommas(total)}</span> */}
             </h3>

frontend/app/components/shared/ReloadButton/ReloadButton.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import { CircularLoader, Icon, Tooltip } from 'UI';
+import { CircularLoader, Icon, Tooltip, Button } from 'UI';
 import cn from 'classnames';
 
 interface Props {
@@ -13,10 +13,8 @@ export default function ReloadButton(props: Props) {
   const { loading, onClick, iconSize = '20', iconName = 'arrow-repeat', className = '' } = props;
   return (
     <Tooltip title="Refresh">
-      <div className={cn('h-5 w-6 flex items-center justify-center', className)} onClick={onClick}>
-        {/* @ts-ignore */}
-        {loading ? <CircularLoader className="ml-1" /> : <Icon name={iconName} size={iconSize} />}
-      </div>
+      <Button icon={iconName} variant="text" onClick={onClick}>
+      </Button>
     </Tooltip>
   );
 }

frontend/app/components/shared/SessionListContainer/components/SessionList/SessionList.tsx

@@ -143,7 +143,7 @@ function SessionList(props: Props) {
             <div className="text-center text-gray-600 relative">
               {NO_CONTENT.message}
               {noContentType === NoContentType.ToDate ? (
-                <div style={{ position: 'absolute', right: -200, top: -170 }}>
+                <div style={{ position: 'absolute', right: -160, top: -170 }}>
                   <Icon name="pointer-sessions-search" size={250} width={240} />
                 </div>
               ) : null}