From 17109393c5db3e5c09f3f0e6cb518d15b070ea33 Mon Sep 17 00:00:00 2001
From: June Kelly <june.kelly@overleaf.com>
Date: Tue, 11 Apr 2023 14:17:04 +0100
Subject: [PATCH] Merge pull request #12387 from
 overleaf/jk-split-button-tweaks

[web] Split-menu style tweaks

GitOrigin-RevId: a04121981c4fe240c247cf03da5be7052c26f541
---
 .../pdf-preview/components/pdf-compile-button.js     |  1 +
 .../frontend/stylesheets/components/split-menu.less  | 12 ++++++++----
 2 files changed, 9 insertions(+), 4 deletions(-)

diff --git a/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js b/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js
index f447fcfbb1..ce314bd8ad 100644
--- a/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js
+++ b/services/web/frontend/js/features/pdf-preview/components/pdf-compile-button.js
@@ -45,6 +45,7 @@ function PdfCompileButton() {
 
   const buttonClassName = classNames({
     'btn-striped-animated': hasChanges,
+    'no-left-radius': true,
   })
 
   return (
diff --git a/services/web/frontend/stylesheets/components/split-menu.less b/services/web/frontend/stylesheets/components/split-menu.less
index 6835421540..3fd8932619 100644
--- a/services/web/frontend/stylesheets/components/split-menu.less
+++ b/services/web/frontend/stylesheets/components/split-menu.less
@@ -40,26 +40,30 @@
     border-top-right-radius: 0;
     border-bottom-right-radius: 0;
     height: 100%;
-    color: @white;
     padding-top: 0;
     padding-bottom: 0;
 
     &.btn-primary {
-      border-right: 1px solid @green-10;
+      border-right: 1px solid fade(@neutral-90, 16%);
     }
 
     // on new css, btn-secondary already has a border
     &.btn-secondary when (@is-new-css = false) {
-      border-right: 1px solid @neutral-10;
+      border-right: 1px solid fade(@ol-blue-gray-6, 16%);
     }
 
     &.btn-danger {
-      border-right: 1px solid @red-10;
+      border-right: 1px solid fade(@neutral-90, 16%);
     }
 
     &[disabled] when (@is-new-css = false) {
       opacity: 1;
     }
+
+    &.no-left-radius {
+      border-top-left-radius: 0;
+      border-bottom-left-radius: 0;
+    }
   }
 
   .split-menu-button when (@is-new-css = true) {