Merge pull request #13173 from overleaf/td-history-menu-jump

History migration: Remove initial jump on displaying menu and line up menu items nicely

GitOrigin-RevId: f04c01565aa9ea128e87543fa7108d7fb0ae8657

services/web/frontend/js/features/history/components/change-list/dropdown/menu-item/compare-items.tsx

@@ -49,7 +49,7 @@ function CompareItems({
           }}
           closeDropdown={closeDropdown}
           text={t('history_compare_from_this_version')}
-          icon={<MaterialIcon type="line_start_circle" />}
+          icon={<MaterialIcon type="line_start_circle" className="fa-fw" />}
         />
       ) : null}
       {showCompareToThis ? (
@@ -62,7 +62,7 @@ function CompareItems({
           }}
           closeDropdown={closeDropdown}
           text={t('history_compare_up_to_this_version')}
-          icon={<MaterialIcon type="line_end_circle" />}
+          icon={<MaterialIcon type="line_end_circle" className="fa-fw" />}
         />
       ) : null}
     </>

services/web/frontend/stylesheets/app/editor/history-react.less

@@ -334,6 +334,7 @@ history-root {
 
     span.material-symbols-rounded {
       vertical-align: middle;
+      font-size: inherit;
     }
   }
 }