From a0f90bd971009d64aee24673654652df134c5c71 Mon Sep 17 00:00:00 2001
From: M Fahru <m.fahru@overleaf.com>
Date: Thu, 13 Jun 2024 08:18:09 -0700
Subject: [PATCH] Merge pull request #18860 from
 overleaf/mf-new-plans-page-student-desktop-header

[web] Create a table header for student plans with static data

GitOrigin-RevId: 29e787509521b6249a97f858b715b482214a9ab0
---
 .../stylesheets/app/plans/plans-new-design.less    | 14 +++++++++++---
 1 file changed, 11 insertions(+), 3 deletions(-)

diff --git a/services/web/frontend/stylesheets/app/plans/plans-new-design.less b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
index f0efd286c2..d2787e5f7a 100644
--- a/services/web/frontend/stylesheets/app/plans/plans-new-design.less
+++ b/services/web/frontend/stylesheets/app/plans/plans-new-design.less
@@ -247,12 +247,12 @@
     display: none;
 
     @media (max-width: @screen-xs-max) {
-      display: flex;
+      display: block;
     }
   }
 
   .plans-new-desktop {
-    display: flex;
+    display: block;
 
     @media (max-width: @screen-xs-max) {
       display: none;
@@ -279,13 +279,21 @@
     }
   }
 
+  @table-4-column-width: 25%;
+
+  // TODO: review the usage of this class
+  // and check whether we can move the rule directly in the .plans-new-table
   .plans-new-table-4-column {
     th,
     td {
-      width: 25%;
+      width: @table-4-column-width;
     }
   }
 
+  .plans-new-table-4-column.plans-new-table-student {
+    margin-left: @table-4-column-width / 2;
+  }
+
   .plans-new-table-group {
     .plans-new-table-header-grid-container {
       min-height: 85px;