From f0afeeada6f7a4152071ff2f3616505fc15621fd Mon Sep 17 00:00:00 2001 From: Rahul Kundu <121861377+rahulkundu1209@users.noreply.github.com> Date: Tue, 31 Dec 2024 22:34:33 +0530 Subject: [PATCH] Update admin page content margins for better responsiveness --- frontend/src/components/Style.css | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/frontend/src/components/Style.css b/frontend/src/components/Style.css index 7e113f90bd..35f75ebc78 100644 --- a/frontend/src/components/Style.css +++ b/frontend/src/components/Style.css @@ -40,7 +40,7 @@ li.clickableUserDetails:hover { } .adminPageContent { - margin-left: 17%; + margin-left: 21%; margin-right: 1%; } @@ -516,9 +516,18 @@ button { grid-template-columns: 1fr; } } -@media screen and (max-width: 550px) { + +@media screen and (max-width: 1053px) { + .adminPageContent { + margin-left: 9%; + margin-right: 5%; + } +} + +@media screen and (max-width: 500px) { .adminPageContent { margin-left: 15%; + margin-right: 5%; } } @@ -527,11 +536,6 @@ button { flex-direction: column; } } -@media screen and (max-width: 500px) { - .adminPageContent { - margin-left: 17%; - } -} @media screen and (max-width: 322px) { .logo {