From fffd4b027a5df9197cce3939f805c96f39cab79c Mon Sep 17 00:00:00 2001
From: Jessica Lawshe <jessica.lawshe@overleaf.com>
Date: Mon, 24 Oct 2022 08:55:56 -0500
Subject: [PATCH] Merge pull request #10114 from
 overleaf/jel-dash-survey-container

[web] Fix desktop dash survey container click behavior

GitOrigin-RevId: 9e94ee572e348fca1f950698dd5a7449195a52da
---
 .../project-list/components/project-list-root.tsx   |  4 +---
 .../stylesheets/app/project-list-react.less         | 13 +++----------
 2 files changed, 4 insertions(+), 13 deletions(-)

diff --git a/services/web/frontend/js/features/project-list/components/project-list-root.tsx b/services/web/frontend/js/features/project-list/components/project-list-root.tsx
index b532b69cd3..1bac43455c 100644
--- a/services/web/frontend/js/features/project-list/components/project-list-root.tsx
+++ b/services/web/frontend/js/features/project-list/components/project-list-root.tsx
@@ -95,9 +95,7 @@ function ProjectListPageContent() {
                 </Col>
               </Row>
               <div className="project-list-sidebar-survey-wrapper">
-                <div className="project-list-sidebar-survey-subwrapper">
-                  <SurveyWidget />
-                </div>
+                <SurveyWidget />
               </div>
               <div className="visible-xs mt-1">
                 <div role="toolbar" className="projects-toolbar">
diff --git a/services/web/frontend/stylesheets/app/project-list-react.less b/services/web/frontend/stylesheets/app/project-list-react.less
index 6ee83b6242..b082269ff8 100644
--- a/services/web/frontend/stylesheets/app/project-list-react.less
+++ b/services/web/frontend/stylesheets/app/project-list-react.less
@@ -703,19 +703,10 @@
 }
 
 .project-list-sidebar-survey-wrapper {
-  display: flex;
   position: fixed;
   bottom: 0;
   left: 0;
-  width: 100%;
-
-  .project-list-sidebar-survey-subwrapper {
-    flex: @project-list-sidebar-wrapper-flex;
-
-    @media (max-width: @screen-xs-max) {
-      line-height: @mobile-action-element-height;
-    }
-  }
+  width: 15%;
 
   .project-list-sidebar-survey-dismiss {
     position: relative;
@@ -724,9 +715,11 @@
   }
 
   @media (max-width: @screen-xs-max) {
+    line-height: @mobile-action-element-height;
     position: static;
     display: block;
     margin-top: @margin-sm;
+    width: initial;
 
     .project-list-sidebar-survey {
       font-size: unset;