From ca8082ba03d4149d4111eae7b9955cc83782707e Mon Sep 17 00:00:00 2001
From: Stas Vilchik <vilchiks@gmail.com>
Date: Fri, 28 Oct 2016 09:45:18 +0200
Subject: [PATCH] SONAR-8291 improve positioning of parameter badges

---
 .../main/js/apps/web-api/components/Params.js | 113 +++++++++---------
 1 file changed, 57 insertions(+), 56 deletions(-)

diff --git a/server/sonar-web/src/main/js/apps/web-api/components/Params.js b/server/sonar-web/src/main/js/apps/web-api/components/Params.js
index 87762c45ba0..7c1fb97086e 100644
--- a/server/sonar-web/src/main/js/apps/web-api/components/Params.js
+++ b/server/sonar-web/src/main/js/apps/web-api/components/Params.js
@@ -27,69 +27,70 @@ export default function Params ({ params }) {
       <div className="web-api-params">
         <table>
           <tbody>
-          {params.map(param => (
-              <tr key={param.key}>
-                <td style={{ width: 180 }}>
-                  <code>{param.key}</code>
-                  {param.internal && (
-                    <span className="spacer-left">
-                      <InternalBadge/>
-                    </span>
-                  )}
+            {params.map(param => (
+                <tr key={param.key}>
+                  <td style={{ width: 180 }}>
+                    <code>{param.key}</code>
 
-                  <div className="note little-spacer-top">
-                    {param.required ? 'required' : 'optional'}
-                  </div>
+                    {param.internal && (
+                        <div className="little-spacer-top">
+                          <InternalBadge/>
+                        </div>
+                    )}
 
-                  {param.since && (
-                      <div className="note little-spacer-top">
-                        since {param.since}
-                      </div>
-                  )}
+                    {param.deprecatedSince && (
+                        <div className="little-spacer-top">
+                          <DeprecatedBadge since={param.deprecatedSince}/>
+                        </div>
+                    )}
 
-                  {param.deprecatedSince && (
-                      <div className="little-spacer-top">
-                        <DeprecatedBadge since={param.deprecatedSince}/>
-                      </div>
-                  )}
-                </td>
+                    <div className="note little-spacer-top">
+                      {param.required ? 'required' : 'optional'}
+                    </div>
 
-                <td>
-                  <div
-                      className="markdown"
-                      dangerouslySetInnerHTML={{ __html: param.description }}/>
-                </td>
+                    {param.since && (
+                        <div className="note little-spacer-top">
+                          since {param.since}
+                        </div>
+                    )}
+                  </td>
 
-                <td style={{ width: 250 }}>
-                  {param.possibleValues && (
-                      <div>
-                        <h4>Possible values</h4>
-                        <ul className="list-styled">
-                          {param.possibleValues.map(value => (
-                              <li key={value} className="little-spacer-top">
-                                <code>{value}</code>
-                              </li>
-                          ))}
-                        </ul>
-                      </div>
-                  )}
+                  <td>
+                    <div
+                        className="markdown"
+                        dangerouslySetInnerHTML={{ __html: param.description }}/>
+                  </td>
 
-                  {param.defaultValue && (
-                      <div className="little-spacer-top">
-                        <h4>Default value</h4>
-                        <code>{param.defaultValue}</code>
-                      </div>
-                  )}
+                  <td style={{ width: 250 }}>
+                    {param.possibleValues && (
+                        <div>
+                          <h4>Possible values</h4>
+                          <ul className="list-styled">
+                            {param.possibleValues.map(value => (
+                                <li key={value} className="little-spacer-top">
+                                  <code>{value}</code>
+                                </li>
+                            ))}
+                          </ul>
+                        </div>
+                    )}
 
-                  {param.exampleValue && (
-                      <div className="little-spacer-top">
-                        <h4>Example value</h4>
-                        <code>{param.exampleValue}</code>
-                      </div>
-                  )}
-                </td>
-              </tr>
-          ))}
+                    {param.defaultValue && (
+                        <div className="little-spacer-top">
+                          <h4>Default value</h4>
+                          <code>{param.defaultValue}</code>
+                        </div>
+                    )}
+
+                    {param.exampleValue && (
+                        <div className="little-spacer-top">
+                          <h4>Example value</h4>
+                          <code>{param.exampleValue}</code>
+                        </div>
+                    )}
+                  </td>
+                </tr>
+            ))}
           </tbody>
         </table>
       </div>
-- 
2.39.5