fix: revamp text alignment feature details (#367)

HathorNetwork · Jan 6, 2025 · 2350479 · 2350479
1 parent 210409a
commit 2350479
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 2 deletions.
diff --git a/src/components/feature_activation/Features.js b/src/components/feature_activation/Features.js
@@ -308,7 +308,8 @@ class Features extends React.Component {
       return this.getColumnDescriptions().map(({ name, description }) => {
         return (
           <div key={name} className="summary-balance-info-container">
-            <div className="address-container-title">{name}:</div> <span>{description}</span>
+            <div className="address-container-title">{name}:</div>{' '}
+            <span className="address-container-description">{description}</span>
           </div>
         );
       });

diff --git a/src/newUi.scss b/src/newUi.scss
@@ -3347,6 +3347,10 @@ th.sortable {
   line-height: 20px;
   letter-spacing: 0.03em;
   text-align: left;
+
+  & .address-container-description {
+    width: 100%;
+  }
 }
 
 .token-option {
@@ -3400,7 +3404,7 @@ th.sortable {
 .summary-balance-info-container {
   display: flex;
   flex-direction: row;
-  align-items: center;
+  align-items: baseline;
 }
 
 .container-big-links {