From d209b58cab6d432be8c3e12d9d039f783caa2c1d Mon Sep 17 00:00:00 2001
From: =?utf8?q?Gr=C3=A9goire=20Aubert?= <gregoire.aubert@sonarsource.com>
Date: Tue, 24 Jul 2018 15:17:30 +0200
Subject: [PATCH] Make documentation BIG

---
 .../main/js/apps/documentation/components/App.tsx   |  4 ++--
 .../js/apps/documentation/components/Sidebar.tsx    |  2 +-
 .../__tests__/__snapshots__/Sidebar-test.tsx.snap   |  4 ++--
 .../src/main/js/apps/documentation/styles.css       | 13 +++++++++----
 4 files changed, 14 insertions(+), 9 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/documentation/components/App.tsx b/server/sonar-web/src/main/js/apps/documentation/components/App.tsx
index 56e4a54d0ac..848d860851c 100644
--- a/server/sonar-web/src/main/js/apps/documentation/components/App.tsx
+++ b/server/sonar-web/src/main/js/apps/documentation/components/App.tsx
@@ -80,7 +80,7 @@ export default class App extends React.PureComponent<Props> {
             <div className="layout-page-side" style={{ top }}>
               <div className="layout-page-side-inner">
                 <div className="layout-page-filters">
-                  <div className="web-api-page-header">
+                  <div className="documentation-page-header">
                     <Link to="/documentation/">
                       <h1>{translate('documentation.page')}</h1>
                     </Link>
@@ -93,7 +93,7 @@ export default class App extends React.PureComponent<Props> {
         </ScreenPositionHelper>
 
         <div className="layout-page-main">
-          <div className="layout-page-main-inner documentation-layout-inner">
+          <div className="layout-page-main-inner">
             <div className="boxed-group">
               <DocMarkdownBlock
                 className="documentation-content cut-margins boxed-group-inner"
diff --git a/server/sonar-web/src/main/js/apps/documentation/components/Sidebar.tsx b/server/sonar-web/src/main/js/apps/documentation/components/Sidebar.tsx
index 24a9a6feb8b..43c3802a680 100644
--- a/server/sonar-web/src/main/js/apps/documentation/components/Sidebar.tsx
+++ b/server/sonar-web/src/main/js/apps/documentation/components/Sidebar.tsx
@@ -49,7 +49,7 @@ export default class Sidebar extends React.PureComponent<Props, State> {
           placeholder="Search for pages or keywords"
           value={this.state.query}
         />
-        <div className="api-documentation-results panel">
+        <div className="documentation-results panel">
           <div className="list-group">
             {this.state.query ? (
               <SearchResults
diff --git a/server/sonar-web/src/main/js/apps/documentation/components/__tests__/__snapshots__/Sidebar-test.tsx.snap b/server/sonar-web/src/main/js/apps/documentation/components/__tests__/__snapshots__/Sidebar-test.tsx.snap
index c1527eb3f9c..c03a4b3469c 100644
--- a/server/sonar-web/src/main/js/apps/documentation/components/__tests__/__snapshots__/Sidebar-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/documentation/components/__tests__/__snapshots__/Sidebar-test.tsx.snap
@@ -10,7 +10,7 @@ exports[`should render menu 1`] = `
     value=""
   />
   <div
-    className="api-documentation-results panel"
+    className="documentation-results panel"
   >
     <div
       className="list-group"
@@ -51,7 +51,7 @@ exports[`should search 1`] = `
     value="foo"
   />
   <div
-    className="api-documentation-results panel"
+    className="documentation-results panel"
   >
     <div
       className="list-group"
diff --git a/server/sonar-web/src/main/js/apps/documentation/styles.css b/server/sonar-web/src/main/js/apps/documentation/styles.css
index 08c38b1b40b..0b482e5b8df 100644
--- a/server/sonar-web/src/main/js/apps/documentation/styles.css
+++ b/server/sonar-web/src/main/js/apps/documentation/styles.css
@@ -17,8 +17,8 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-.documentation-layout-inner {
-  max-width: 740px;
+.documentation-page-header {
+  margin: 10px 20px;
 }
 
 .documentation-footer div,
@@ -26,8 +26,13 @@
   max-width: 740px;
 }
 
+.documentation-content {
+  padding: calc(4 * var(--gridSize)) calc(8 * var(--gridSize));
+}
+
 .documentation-content.markdown {
-  font-size: 14px;
+  font-size: 16px;
+  line-height: 1.7;
 }
 
 .documentation-content.markdown > h1 {
@@ -42,7 +47,7 @@
 }
 
 .documentation-content.markdown h3 {
-  font-size: 14px;
+  font-size: 16px;
   margin-bottom: 0.8em;
 }
 
-- 
2.39.5