From b84d7687b3dbdddbd7dd487580b3ef5dcf385965 Mon Sep 17 00:00:00 2001
From: Gandharv <gandharvkumargarg@gmail.com>
Date: Mon, 9 Jan 2023 18:11:32 +0530
Subject: [PATCH] fix: app card height while no edit access for user (#5230)

* fix: app card height while no edit access for user

* fix: firefox fix pagination width
---
 frontend/src/HomePage/AppCard.jsx |  8 ++++----
 frontend/src/_styles/theme.scss   | 10 +++++++++-
 2 files changed, 13 insertions(+), 5 deletions(-)

diff --git a/frontend/src/HomePage/AppCard.jsx b/frontend/src/HomePage/AppCard.jsx
index e1d74609d5..ec17c2c751 100644
--- a/frontend/src/HomePage/AppCard.jsx
+++ b/frontend/src/HomePage/AppCard.jsx
@@ -100,8 +100,8 @@ export default function AppCard({
             </h3>
           </ToolTip>
         </div>
-        {canUpdate && (
-          <div>
+        <div className="app-creation-time-container">
+          {canUpdate && (
             <div className="app-creation-time mute-text" data-cy="app-creation-time">
               <ToolTip message={app.created_at && moment(app.created_at).format('dddd, MMMM Do YYYY, h:mm:ss a')}>
                 <span>{updated === 'just now' ? `Edited ${updated}` : `Edited ${updated} ago`}</span>
@@ -109,8 +109,8 @@ export default function AppCard({
               &nbsp;by{' '}
               {`${app.user?.first_name ? app.user.first_name : ''} ${app.user?.last_name ? app.user.last_name : ''}`}
             </div>
-          </div>
-        )}
+          )}
+        </div>
         <Fade visible={focused} className="row mt-2">
           {canUpdate && (
             <div className="col-6">
diff --git a/frontend/src/_styles/theme.scss b/frontend/src/_styles/theme.scss
index 09b18df951..ed04416d1c 100644
--- a/frontend/src/_styles/theme.scss
+++ b/frontend/src/_styles/theme.scss
@@ -7285,7 +7285,8 @@ tbody {
 .home-page-footer {
   position: fixed;
   bottom: 0px;
-  width: -webkit-fill-available;
+  right: 0;
+  left: 336px; //48+288
 }
 
 .pagination-container {
@@ -7390,6 +7391,13 @@ tbody {
   height: 52px;
 }
 
+.homepage-app-card  {
+  height: 188px;
+}
+
+.app-creation-time-container {
+  height: 16px;
+}
 .release-buttons {
   height: 45px;
   margin-bottom: 10px;