SONAR-16007 Fix styling

6 files changed, 12 insertions, 9 deletions

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 89c8d542147..e9d62110882 100644
--- 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 8fa66008174..8acd471775d 100644
--- 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 e2e34da722e..67662ca6c12 100644
--- 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 79b27dcc3b2..23768a71abb 100644
--- 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 15d0c8c918a..078e5023db5 100644
--- 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 9c014099366..b1c56d54119 100644
--- 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]}