webui: minor css improvements

Michael Muré created 7 years ago

Change summary

webui/src/bug/Message.js |  1 +
webui/src/list/BugRow.js | 24 ++++++++++++++----------
2 files changed, 15 insertions(+), 10 deletions(-)

Detailed changes

webui/src/bug/Message.js

@@ -23,6 +23,7 @@ const styles = theme => ({
     backgroundColor: '#fff',
     minHeight: 50,
     padding: 5,
+    whiteSpace: 'pre-wrap',
   }
 })
 

webui/src/list/BugRow.js

@@ -32,7 +32,10 @@ const Status = ({status, className}) => {
 const styles = theme => ({
   cell: {
     display: 'flex',
-    alignItems: 'center'
+    alignItems: 'center',
+    '& a': {
+      textDecoration: 'none'
+    }
   },
   status: {
     margin: 10
@@ -41,11 +44,11 @@ const styles = theme => ({
     width: '100%'
   },
   title: {
-    display: 'inline-block',
-    textDecoration: 'none'
+    display: 'inline',
   },
   labels: {
-    display: 'inline-block',
+    ...theme.typography.body2,
+    display: 'inline',
     paddingLeft: theme.spacing.unit,
   }
 })
@@ -57,15 +60,16 @@ const BugRow = ({bug, classes}) => (
       <div className={classes.expand}>
         <Link to={'bug/' + bug.humanId}>
           <div className={classes.expand}>
-
             <Typography variant={'title'} className={classes.title}>
               {bug.title}
             </Typography>
-            <span className={classes.labels}>
-              {bug.labels.map(l => (
-                <Label key={l} label={l}/>
-              ))}
-            </span>
+            { bug.labels.length > 0 && (
+              <span className={classes.labels}>
+                {bug.labels.map(l => (
+                  <Label key={l} label={l}/>
+                ))}
+              </span>
+            )}
           </div>
         </Link>
         <Typography color={'textSecondary'}>