Fix LoginPage layout

Author: Kento75

frontend/src/pages/LoginPage/LoginPage.jsx

@@ -46,7 +46,7 @@ class LoginPage extends Component {
     const { loggingIn } = this.props;
     const { username, password, submitted } = this.state;
     return (
-      <div className="ui inverted vertical masthead center aligned segment">
+      <div className="ui inverted vertical masthead center aligned segment" style={{ height: "100vh" }}>
         <Grid
           textAlign="center"
           style={{ minHeight: 700 }}

frontend/src/pages/UserDetailedPage/UserDetailedPage.jsx

@@ -24,7 +24,7 @@ class UserDetailedPage extends Component {
             <Container key={ user.id } text style={{ marginTop: '7em' }}>
               <Header as='h1'>{ user.firstName + ' ' + user.lastName }</Header>
 
-              <FloatedItem backgroundColor={ "22222e" } imageURL={ user.imageURL } comment={ user.comment }/>
+              <FloatedItem paddingTop={'10px'} paddingbottom={'10px'} backgroundColor={ "22222e" } imageURL={ user.imageURL } comment={ user.comment }/>
             </Container>
           )
         }