Calculate nick width based on 8 characters

mhoran · Mar 13, 2024 · 5a99209 · 5a99209
1 parent ff43f93
commit 5a99209
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 4 deletions.
diff --git a/src/usecase/buffers/ui/Buffer.tsx b/src/usecase/buffers/ui/Buffer.tsx
@@ -100,7 +100,7 @@ export default class Buffer extends React.PureComponent<Props, State> {
           }}
           style={[lineStyles.text, { opacity: 0, position: 'absolute' }]}
         >
-          a
+          aaaaaaaa
         </Text>
       );
     }

diff --git a/src/usecase/buffers/ui/themes/Default.tsx b/src/usecase/buffers/ui/themes/Default.tsx
@@ -27,8 +27,7 @@ const BufferLine: React.FC<Props> = ({
           style={[
             styles.text,
             {
-              width: letterWidth * 8,
-              paddingRight: letterWidth,
+              width: letterWidth,
               textAlign: 'right'
             }
           ]}
@@ -44,6 +43,7 @@ const BufferLine: React.FC<Props> = ({
             );
           })}
         </Text>
+        <Text style={styles.text}>{' '}</Text>
 
         <View style={[styles.messageContainer]}>
           <Text style={styles.text}>
@@ -53,7 +53,8 @@ const BufferLine: React.FC<Props> = ({
           </Text>
         </View>
 
-        <Text style={[styles.text, { paddingLeft: letterWidth }]}>
+        <Text style={[styles.text]}>
+          {' '}
           {formatDate(line.date)}
         </Text>
       </View>