small UI updates

Author: raheeliftikhar5

client/packages/lowcoder/src/pages/setting/appUsage/dashboard.tsx

@@ -374,7 +374,7 @@ export function AppUsageDashboard() {
           <StyleThemeSettingsCover>
             <h2 style={{ color: "#ffffff", marginTop: "8px" }}>{"User Engagement By Region"}</h2>
           </StyleThemeSettingsCover>
-          <Card>
+          <Card size="small">
             {loading ? (
               <Skeleton active paragraph={{ rows: 5 }} />
             ) : currentPageLogs.length > 0 ? (
@@ -390,7 +390,7 @@ export function AppUsageDashboard() {
           <StyleThemeSettingsCover>
             <h2 style={{ color: "#ffffff", marginTop: "8px" }}>{"App Usage Logs"}</h2>
           </StyleThemeSettingsCover>
-          <Card>
+          <Card size="small">
             {loading ? (
               <Skeleton active paragraph={{ rows: 5 }} />
             ) : currentPageLogs.length > 0 ? (
@@ -409,7 +409,7 @@ export function AppUsageDashboard() {
           <StyleThemeSettingsCover>
             <h2 style={{ color: "#ffffff", marginTop: "8px" }}>{"Top 10 Apps"}</h2>
           </StyleThemeSettingsCover>
-          <Card>
+          <Card size="small">
           {loading ? (
               <Skeleton active paragraph={{ rows: 5 }} />
             ) : currentPageLogs.length > 0 ? (
@@ -433,7 +433,7 @@ export function AppUsageDashboard() {
           <StyleThemeSettingsCover>
             <h2 style={{ color: "#ffffff", marginTop: "8px" }}>{"Anonymous/Known Users"}</h2>
           </StyleThemeSettingsCover>
-          <Card>
+          <Card size="small">
             {loading ? (
               <Skeleton active paragraph={{ rows: 5 }} />
             ) : currentPageLogs.length > 0 ? (
@@ -451,7 +451,7 @@ export function AppUsageDashboard() {
           <StyleThemeSettingsCover>
             <h2 style={{ color: "#ffffff", marginTop: "8px" }}>{"Device/OS Breakdown"}</h2>
           </StyleThemeSettingsCover>
-          <Card>
+          <Card size="small">
             {loading ? (
               <Skeleton active paragraph={{ rows: 5 }} />
             ) : currentPageLogs.length > 0 ? (
@@ -469,7 +469,7 @@ export function AppUsageDashboard() {
           <StyleThemeSettingsCover>
             <h2 style={{ color: "#ffffff", marginTop: "8px" }}>{"Browser/Layout Engine Breakdown"}</h2>
           </StyleThemeSettingsCover>
-          <Card>
+          <Card size="small">
             {loading ? (
               <Skeleton active paragraph={{ rows: 5 }} />
             ) : currentPageLogs.length > 0 ? (

client/packages/lowcoder/src/pages/setting/audit/detail.tsx

@@ -26,6 +26,10 @@ const StyleThemeSettingsCover = styled.div`
 `;
 
 const StyledTree = styled(Tree)`
+  &.ant-tree {
+    margin-top: 24px;
+  }
+
   .ant-tree-treenode {
     margin-bottom: 24px;
   }
@@ -35,7 +39,7 @@ const StyledTree = styled(Tree)`
   }
 
   .ant-tree-indent-unit {
-    width: 48px;
+    width: 0;
   }
 `;
 
@@ -235,12 +239,12 @@ export function AuditLogDetail() {
         <Card size="small" style={{ marginBottom: "20px", borderTopLeftRadius: 0, borderTopRightRadius: 0 }}>
           <Map
             height={300}
-            defaultZoom={11}
-            defaultCenter={[geoLocation.location.latitude, geoLocation.location.longitude]}
+            defaultZoom={5}
+            defaultCenter={[55, 15]}
           >
             <Marker
               width={50}
-              anchor={[geoLocation.location.latitude, geoLocation.location.longitude]}
+              anchor={[55, 15]}
             />
           </Map>
         </Card>