1 files changed, 50 insertions, 38 deletions

diff --git a/panel/src/pages/ManageAds.css b/panel/src/pages/ManageAds.css
index c9f154e..f6d805e 100644
--- a/panel/src/pages/ManageAds.css
+++ b/panel/src/pages/ManageAds.css
@@ -26,59 +26,71 @@
   color: #333;
 }
 
-.ad-form {
-  display: flex;
-  flex-direction: column;
-  margin-bottom: 30px;
+.manage-ads-list {
+  width: 100%;
+  margin-top: 20px;
 }
 
-.ad-form .form-control {
+.ad-item {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  padding: 15px;
   margin-bottom: 15px;
-  padding: 10px;
-  font-size: 16px;
-  border: 1px solid #ccc;
-  border-radius: 5px;
+  background-color: #f9fafc;
+  border-radius: 10px;
+  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+}
+
+.ad-item h6 {
+  font-size: 18px;
+  color: #333;
+  margin: 0;
+}
+
+.ad-item p {
+  font-size: 14px;
+  color: #666;
+  margin: 0;
+}
+
+.ad-item img,
+.ad-item video {
+  width: 100px;
+  height: auto;
+  border-radius: 10px;
+  margin-right: 15px;
+}
+
+.ad-item-actions {
+  display: flex;
+  align-items: center;
 }
 
-.ad-form button {
-  align-self: flex-start;
-  padding: 10px 20px;
-  background-color: #007bff;
-  color: white;
+.ad-item-actions button {
+  background: none;
   border: none;
-  border-radius: 5px;
+  margin: 0 5px;
   cursor: pointer;
 }
 
-.ad-list {
-  display: flex;
-  flex-wrap: wrap;
-  justify-content: space-between;
+.ad-item-actions button svg {
+  fill: #333;
 }
 
-.ad-card {
-  flex: 1;
-  padding: 20px;
-  margin: 10px;
-  background-color: #f9fafc;
-  border-radius: 10px;
-  text-align: center;
-  box-shadow: 0 2px 10px rgba(0, 0, 0, 0.1);
+.add-ad-button {
+  margin-top: 20px;
 }
 
-.ad-card img {
-  max-width: 100%;
-  border-radius: 5px;
-  margin-bottom: 15px;
+.add-ad-dialog {
+  padding: 20px;
 }
 
-.ad-card h5 {
-  font-size: 20px;
-  color: #333;
-  margin-bottom: 10px;
+.add-ad-dialog input[type="file"] {
+  margin-top: 10px;
+  margin-bottom: 20px;
 }
 
-.ad-card p {
-  font-size: 16px;
-  color: #666;
+.add-ad-dialog button {
+  margin-top: 20px;
 }