Merge pull request #526 from bluewave-labs/feat/default-font

Updated default font and some small styling changes

Client/src/Components/Avatar/index.jsx

@@ -35,7 +35,8 @@ const Avatar = ({ src, small, sx }) => {
         src ? src : user?.avatarImage ? image : "/static/images/avatar/2.jpg"
       }
       sx={{
-        fontSize: small ? "13px" : "20px",
+        fontSize: small ? "13px" : "22px",
+        fontWeight: 400,
         display: "inline-flex",
         "&::before": {
           content: `""`,

Client/src/Components/BasicTable/index.css

@@ -81,7 +81,11 @@
 .MuiPaper-root + .MuiPagination-root ul {
   justify-content: center;
 }
-.MuiPaper-root + .MuiPagination-root ul li button {
+.MuiPaper-root
+  + .MuiPagination-root
+  ul
+  li:not(:first-child):not(:last-child)
+  button {
   font-size: var(--env-var-font-size-medium);
   color: var(--env-var-color-5);
   font-weight: 500;

Client/src/Components/Button/index.jsx

@@ -72,7 +72,8 @@ const Button = ({
       onClick={onClick}
       disableRipple
       sx={{
-        lineHeight: 1,
+        lineHeight: 1.5,
+        fontWeight: 400,
         boxShadow: "none",
         textTransform: "none",
         "&:focus": {

Client/src/Components/Charts/Servers/ServerStatus.jsx

@@ -1,7 +1,6 @@
 import React from "react";
 import "./serverStatus.css";
 import PropTypes from "prop-types";
-import { useTheme } from "@mui/material";
 
 /**
  * @component
@@ -12,16 +11,8 @@ import { useTheme } from "@mui/material";
  * @returns {JSX.Element} - Renders the server status component
  */
 const ServerStatus = ({ title, value, state }) => {
-  const theme = useTheme();
-
-  const fontLookup = {
-    default: theme.font.default.font,
-  };
-
-  const fontFamily = fontLookup["default"];
-
   return (
-    <div className="server-status-tile" style={{ fontFamily: fontFamily }}>
+    <div className="server-status-tile">
       <div className="server-status-tile-title">{title}</div>
       <div className={`server-status-tile-value ` + " " + state}>{value}</div>
     </div>

Client/src/Components/Inputs/Field/index.css

@@ -24,6 +24,7 @@
 .field h3.MuiTypography-root span.field-optional {
   opacity: 0.6;
   margin-left: 4px;
+  font-weight: 400;
 }
 .field h5.MuiTypography-root {
   position: relative;

Client/src/Components/Inputs/Select/index.css

@@ -15,6 +15,9 @@
   font-size: var(--env-var-font-size-medium);
   color: var(--env-var-color-5);
 }
+.select-wrapper h3.MuiTypography-root{
+  font-weight: 500;
+}
 .MuiInputBase-root:has(> .MuiSelect-select) fieldset {
   border-color: var(--env-var-color-29);
 }