fix(messages): react ui fix

polonel · polonel · commit a0bb151724a5 · 2022-08-20T03:03:48.000-04:00
diff --git a/src/client/components/PageTitle/index.jsx b/src/client/components/PageTitle/index.jsx
@@ -30,9 +30,10 @@ class PageTitle extends React.Component {
             hideBorderBottom ? 'nbb' : 'dt-borderBottom',
             !shadow && 'noshadow'
           )}
+          style={{ display: 'flex', justifyContent: 'space-between' }}
         >
-          <p className={'uk-float-left'}>{title}</p>
-          <div className={'uk-float-right uk-clearfix uk-width-1-2'}>{rightComponent}</div>
+          <p style={{ flexGrow: 1 }}>{title}</p>
+          <div>{rightComponent}</div>
         </div>
       </div>
     )

Original file line number	Diff line number	Diff line change
`@@ -30,9 +30,10 @@ class PageTitle extends React.Component {`
`30`	`30`	`hideBorderBottom ? 'nbb' : 'dt-borderBottom',`
`31`	`31`	`!shadow && 'noshadow'`
`32`	`32`	`)}`
	`33`	`+ style={{ display: 'flex', justifyContent: 'space-between' }}`
`33`	`34`	`>`
`34`		`- <p className={'uk-float-left'}>{title}</p>`
`35`		`- <div className={'uk-float-right uk-clearfix uk-width-1-2'}>{rightComponent}</div>`
	`35`	`+ <p style={{ flexGrow: 1 }}>{title}</p>`
	`36`	`+ <div>{rightComponent}</div>`
`36`	`37`	`</div>`
`37`	`38`	`</div>`
`38`	`39`	`)`