SONAR-16007 Fix styling

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotHeader.tsx b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotHeader.tsx
index 89c8d5421476b6a8d09523afea427f49ca7701e2..e9d62110882b4d0e55255a551f11ba2ab4338f4a 100644 (file)
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotHeader.tsx
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotHeader.tsx
@@ -35,7 +35,7 @@ export function HotspotHeader(props: HotspotHeaderProps) {
   const { hotspot } = props;
   const { message, rule } = hotspot;
   return (
-    <div className="big-spacer-bottom">
+    <div className="huge-spacer-bottom">
       <div className="display-flex-column big-spacer-bottom">
         <div className="big text-bold">{message}</div>
         <div>

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css
index 8fa6600817406991303bdd0410ee3cdee7512d45..8acd471775d21bcc5331d9278f310e5b9b0def48 100644 (file)
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotList.css
@@ -63,6 +63,10 @@
   transition: padding 0s, border 0s;
 }
 
+a.hotspot-item:focus {
+  color: var(--baseFontColor);
+}
+
 .hotspot-item:hover {
   background-color: var(--veryLightBlue);
   border: 1px dashed var(--blue);

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotListItem.tsx b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotListItem.tsx
index e2e34da722ebe4acb815898a798a37522d7aaa4f..67662ca6c1236a65b94865c72e0dad70097736f2 100644 (file)
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotListItem.tsx
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/HotspotListItem.tsx
@@ -20,10 +20,10 @@
 import classNames from 'classnames';
 import * as React from 'react';
 import QualifierIcon from '../../../components/icons/QualifierIcon';
+import LocationsList from '../../../components/locations/LocationsList';
 import { ComponentQualifier } from '../../../types/component';
-import { getFilePath, getLocations } from '../utils';
 import { RawHotspot } from '../../../types/security-hotspots';
-import LocationsList from '../../../components/locations/LocationsList';
+import { getFilePath, getLocations } from '../utils';
 
 export interface HotspotListItemProps {
   hotspot: RawHotspot;

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotHeader-test.tsx.snap b/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotHeader-test.tsx.snap
index 79b27dcc3b263ecf0377cc6bdea62949f6740d7a..23768a71abb78bfdf94aa7984846c4666897e604 100644 (file)
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotHeader-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/__tests__/__snapshots__/HotspotHeader-test.tsx.snap
@@ -2,7 +2,7 @@
 
 exports[`should render correctly 1`] = `
 <div
-  className="big-spacer-bottom"
+  className="huge-spacer-bottom"
 >
   <div
     className="display-flex-column big-spacer-bottom"

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/status/Status.tsx b/server/sonar-web/src/main/js/apps/security-hotspots/components/status/Status.tsx
index 15d0c8c918a8b7e5d0995d796133215cfd0428fd..078e5023db5c1d2078e5e11ef68a985e67e5b9a1 100644 (file)
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/status/Status.tsx
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/status/Status.tsx
@@ -17,7 +17,6 @@
  * along with this program; if not, write to the Free Software Foundation,
  * Inc., 51 Franklin Street, Fifth Floor, Boston, MA  02110-1301, USA.
  */
-import classNames from 'classnames';
 import * as React from 'react';
 import { Button } from '../../../../components/controls/buttons';
 import { DropdownOverlay } from '../../../../components/controls/Dropdown';
@@ -73,7 +72,7 @@ export function Status(props: StatusProps) {
                 </DropdownOverlay>
               }>
               <Button
-                className={classNames('dropdown-toggle')}
+                className="dropdown-toggle big-spacer-left"
                 id="status-trigger"
                 onClick={() => setIsOpen(true)}
                 disabled={readonly}>

diff --git a/server/sonar-web/src/main/js/apps/security-hotspots/components/status/__tests__/__snapshots__/Status-test.tsx.snap b/server/sonar-web/src/main/js/apps/security-hotspots/components/status/__tests__/__snapshots__/Status-test.tsx.snap
index 9c014099366b004a8fe5375c956f3d69d0d0e034..b1c56d541197b3a139602fad5368e57dbb16f60a 100644 (file)
--- a/server/sonar-web/src/main/js/apps/security-hotspots/components/status/__tests__/__snapshots__/Status-test.tsx.snap
+++ b/server/sonar-web/src/main/js/apps/security-hotspots/components/status/__tests__/__snapshots__/Status-test.tsx.snap
@@ -121,7 +121,7 @@ exports[`should render correctly: closed 1`] = `
           }
         >
           <Button
-            className="dropdown-toggle"
+            className="dropdown-toggle big-spacer-left"
             disabled={false}
             id="status-trigger"
             onClick={[Function]}
@@ -261,7 +261,7 @@ exports[`should render correctly: open 1`] = `
           }
         >
           <Button
-            className="dropdown-toggle"
+            className="dropdown-toggle big-spacer-left"
             disabled={false}
             id="status-trigger"
             onClick={[Function]}
@@ -401,7 +401,7 @@ exports[`should render correctly: readonly 1`] = `
           }
         >
           <Button
-            className="dropdown-toggle"
+            className="dropdown-toggle big-spacer-left"
             disabled={true}
             id="status-trigger"
             onClick={[Function]}