From b2459fd2f20485cb0763c99931752f8878b3ea00 Mon Sep 17 00:00:00 2001
From: Vamsi Sai <39260099+vamsi4845@users.noreply.github.com>
Date: Thu, 26 Dec 2024 23:00:07 +0530
Subject: [PATCH] fix: UI Misalignment and Broken Layout on User Application
 (#919)

* fix: UI Misalignment and Broken Layout on User Application

* fix: footer position issue

---------

Co-authored-by: Achintya Chatterjee <55826451+Achintya-Chatterjee@users.noreply.github.com>
Co-authored-by: Vinit khandal <111434418+vinit717@users.noreply.github.com>
---
 applications/style.css | 16 ++++++++++++++--
 global.css             |  1 -
 2 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/applications/style.css b/applications/style.css
index 33f8bc66..3b8fe894 100644
--- a/applications/style.css
+++ b/applications/style.css
@@ -298,7 +298,8 @@ body {
 .application-card .user-info {
   display: flex;
   flex-direction: column;
-  gap: 5px;
+  align-items: flex-start;
+  gap: 8px;
 }
 
 .application-card .user-info * {
@@ -309,7 +310,6 @@ body {
   color: var(--black-color);
   font-size: 20px;
   font-style: normal;
-
   font-weight: 700;
   line-height: normal;
   padding-bottom: 8px;
@@ -320,6 +320,7 @@ body {
   font-size: 14px;
   font-weight: 600;
   line-height: normal;
+  max-width: 750px;
 }
 
 .application-card .user-info .skills {
@@ -327,6 +328,7 @@ body {
   font-size: 13px;
   font-weight: 600;
   line-height: normal;
+  max-width: 750px;
 }
 
 .hide-overflow {
@@ -350,6 +352,7 @@ body {
   font-size: 16px;
   padding: 6px 16px;
   margin-left: auto;
+  margin-top: 5%;
   font-weight: 700;
   line-height: normal;
   cursor: pointer;
@@ -383,6 +386,7 @@ body {
   height: 90vh;
   max-width: 600px;
   overflow-y: hidden;
+  z-index: 1;
   display: flex;
   flex-direction: column;
   position: fixed;
@@ -666,4 +670,12 @@ body {
   .application-card {
     width: 90%;
   }
+
+  .application-card .user-info .skills {
+    max-width: 100%;
+  }
+
+  .application-card .user-info .company-name {
+    max-width: 100%;
+  }
 }
diff --git a/global.css b/global.css
index 70d6bbae..b2e421a0 100644
--- a/global.css
+++ b/global.css
@@ -176,7 +176,6 @@ body {
 .footer {
   width: 100vw;
   text-align: center;
-  position: fixed;
   bottom: 4px;
 }