List styling

src/components/panels/paged_ladder.jsx

@@ -23,12 +23,16 @@ class PagedLadder extends React.Component {
 					<p className='col centered'>Recruits</p>
 					<p className='col centered'>Gold</p>
 				</div>
-				{Object.keys(this.state).map((key) => <div key={key} className={'row'}>
-					<p className={'col centered truncate'}><Link to={`/profile?username=${this.state[key].username}`}>{this.state[key].username}</Link></p>
-					<p className={'col centered truncate'}>{this.state[key].soldiers}</p>
-					<p className={'col centered truncate'}>{this.state[key].recruits}</p>
-					<p className={'col centered truncate'}>{this.state[key].gold}</p>
-				</div> )}
+				{Object.keys(this.state).map((key) =><div key={key}>
+					<hr />
+					<div className='break' />
+					<div className={'row'}>
+						<p className={'col centered truncate'}><Link to={`/profile?username=${this.state[key].username}`}>{this.state[key].username}</Link></p>
+						<p className={'col centered truncate'}>{this.state[key].soldiers}</p>
+						<p className={'col centered truncate'}>{this.state[key].recruits}</p>
+						<p className={'col centered truncate'}>{this.state[key].gold}</p>
+					</div>
+				</div>)}
 			</div>
 		);
 	}