Merge pull request #10114 from overleaf/jel-dash-survey-container

[web] Fix desktop dash survey container click behavior

GitOrigin-RevId: 9e94ee572e348fca1f950698dd5a7449195a52da

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">

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;