Padding and Margining

js/components/FavoriteBar.js

@@ -94,7 +94,7 @@ export function FavoriteBar({teams}) {
     return (
         <div className="favorites border-bottom py-2 px-1">
             <div className="d-flex align-items-center">
-                <h1 className="custom-font px-2" ref={headingRef}>Favorit:</h1>
+                <h1 className="custom-font m-2 px-2" ref={headingRef}>Favorit:</h1>
                 <p className="m-2">{favorite ? favorite.name : ''}</p>
                 <ButtonGroup className="m-2">
                     <Button

js/components/GroupStage.js

@@ -19,10 +19,10 @@ export default class GroupStage extends Component {
 
     render() {
         return (<div className='py-2 px-1'>
-            <h1 className='custom-font'>
+            <h1 className='custom-font m-2'>
                 <span className='px-2'>Gruppenphase</span>
             </h1>
-            <Row className='mt-3'>
+            <Row className=''>
                 {this.props.groups.map(group => <Group
                     group={group}
                     key={group.id}