bug fix

Frontend/admin/src/components/top-navigation.jsx

@@ -4,7 +4,7 @@ import Logo from "../images/logo2.png";
 import User from "../images/user.jpg";
 import { NavLink } from "react-router-dom";
 import SearchIcon from '@mui/icons-material/Search';
-import PermIdentityRoundedIcon from "@mui/icons-material/PermIdentityRounded";
+// import PermIdentityRoundedIcon from "@mui/icons-material/PermIdentityRounded";
 
 function TopNavigation() {
   return (

Frontend/admin/src/css/actor-marketing-analysis.css

@@ -21,12 +21,14 @@
 }
 .actor-marketing-results-contend-container {
   display: flex;
-  justify-content: space-around;
+  /* justify-content: space-around; */
   padding-top: 1%;
   width: 100%;
   height: auto;
+  flex-wrap: wrap;
 }
 .actor-marketing-results-actor-container {
+  margin-bottom: 1%;
   width: 50%;
 }
 .actor-marketing-results-actor-warper {
@@ -92,9 +94,39 @@
   opacity: 1;
 }
 .actor-marketing-results-pie-chart-container {
+  width: 50%;
+}
+.actor-marketing-results-pie-chart-title {
+  font-size: 15px;
+  font-weight: 500;
+  font-style: italic;
+  font-family: system-ui;
+}
+.actor-marketing-results-pie-chart-wrapper {
+  margin-top: 2%;
   display: flex;
   justify-content: center;
-  align-items: center;
+  height: 35vh;
+}
+.actor-marketing-results-suggestions-container {
+  padding-top: 3%;
   width: 50%;
-  height: 40vh;
 }
+.actor-marketing-results-suggestions-title {
+  font-size: 15px;
+  font-weight: 500;
+  font-style: italic;
+  font-family: system-ui;
+}
+.actor-marketing-results-suggestions-wrapper {
+  padding-top: 1%;
+}
+.actor-marketing-results-suggestions-romantic {
+  padding-top: 1%;
+  text-shadow: rgba(0, 0, 0, 0.288) 0.1em 0.1em 0.2em
+}
+.actor-marketing-results-suggestions-action {
+  padding-top: 2%;
+  height: 10vh;
+  text-shadow: rgba(0, 0, 0, 0.288) 0.1em 0.1em 0.2em
+}
\ No newline at end of file