move icon in front of text in buttons

grafana · Jun 3, 2024 · 2bf962e · 2bf962e
1 parent 9046aba
commit 2bf962e
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/internal/web/ui/src/features/component/ComponentView.tsx b/internal/web/ui/src/features/component/ComponentView.tsx
@@ -96,13 +96,13 @@ export const ComponentView: FC<ComponentViewProps> = (props) => {
 
         <div className={styles.docsLink}>
           <a href={`https://grafana.com/docs/alloy/latest/reference/components/${props.component.name}`}>
-            Documentation <FontAwesomeIcon icon={faLink} />
+            <FontAwesomeIcon icon={faLink} /> Documentation
           </a>
         </div>
 
         <div className={styles.debugLink}>
           <a href={`debug/${pathJoin([props.component.moduleID, props.component.localID])}`}>
-            Live debugging <FontAwesomeIcon icon={faBug} />
+            <FontAwesomeIcon icon={faBug} /> Live debugging
           </a>
         </div>
 

diff --git a/internal/web/ui/src/pages/LiveDebugging.tsx b/internal/web/ui/src/pages/LiveDebugging.tsx
@@ -25,15 +25,15 @@ function PageLiveDebugging() {
       return (
         <div className={styles.debugLink}>
           <button className={styles.stopButton} onClick={() => setEnabled(false)}>
-            Stop <FontAwesomeIcon icon={faStop} />
+            <FontAwesomeIcon icon={faStop} /> Stop
           </button>
         </div>
       );
     }
     return (
       <div className={styles.debugLink}>
         <button className={styles.resumeButton} onClick={() => setEnabled(true)}>
-          Resume <FontAwesomeIcon icon={faRoad} />
+          <FontAwesomeIcon icon={faRoad} /> Resume
         </button>
       </div>
     );
@@ -93,12 +93,12 @@ function PageLiveDebugging() {
       {toggleEnableButton()}
       <div className={styles.debugLink}>
         <button className={styles.clearButton} onClick={() => setData([])}>
-          Clear <FontAwesomeIcon icon={faBroom} />
+          <FontAwesomeIcon icon={faBroom} /> Clear
         </button>
       </div>
       <div className={styles.debugLink}>
         <button className={styles.copyButton} onClick={copyDataToClipboard}>
-          Copy <FontAwesomeIcon icon={faCopy} />
+          <FontAwesomeIcon icon={faCopy} /> Copy
         </button>
       </div>
     </>