Merge pull request #21347 from overleaf/td-document-diff-viewer-full-width

Make document diff viewer always take up the full width of its container

GitOrigin-RevId: cdb593700c403564bdf297ea838b279e7e73bba2

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

@@ -17,6 +17,7 @@ history-root {
 
 .history-react {
   display: flex;
+  justify-content: center;
   height: 100%;
   background-color: @history-main-bg;
 
@@ -400,6 +401,7 @@ history-root {
   height: 100%;
   display: flex;
   flex-direction: column;
+  flex: 1;
   position: relative;
 
   .cm-viewer-container,

services/web/frontend/stylesheets/bootstrap-5/pages/editor/history.scss

@@ -25,6 +25,7 @@ history-root {
   --history-change-list-padding: var(--spacing-06);
 
   display: flex;
+  justify-content: center;
   height: 100%;
   background-color: var(--bg-light-primary);
 
@@ -396,6 +397,7 @@ history-root {
   height: 100%;
   display: flex;
   flex-direction: column;
+  flex: 1;
   position: relative;
 
   .cm-viewer-container,