update Bootstrap4 and ForkAwesome + minor fix

This commit is contained in:
Sam 2019-01-06 20:04:52 +01:00
parent d8c7d92111
commit 3872b03216
3 changed files with 26 additions and 10 deletions

View File

@ -8,13 +8,14 @@
<link rel="shortcut icon" href="%PUBLIC_URL%/favicon.ico">
<link
rel="stylesheet"
href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css"
integrity="sha384-WskhaSGFgHYWDcbwN70/dfYBj47jz9qbsMId/iRN3ewGhXQFZCSftd1LZCfmhktB"
crossorigin="anonymous">
href="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/css/bootstrap.min.css"
integrity="sha384-GJzZqFGwb1QTTN6wy59ffF1BuGJpLSa9DkKMp0DgiMDm4iYMj70gZWKYbI706tWS"
crossorigin="anonymous"
>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/fork-awesome@1.0.11/css/fork-awesome.min.css"
integrity="sha256-MGU/JUq/40CFrfxjXb5pZjpoZmxiP2KuICN5ElLFNd8="
href="https://cdn.jsdelivr.net/npm/fork-awesome@1.1.5/css/fork-awesome.min.css"
integrity="sha256-P64qV9gULPHiZTdrS1nM59toStkgjM0dsf5mK/UwBV4="
crossorigin="anonymous"
>
<link
@ -34,5 +35,20 @@
You need to enable JavaScript to run this app.
</noscript>
<div id="root"></div>
<script
src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
crossorigin="anonymous"
></script>
<script
src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.6/umd/popper.min.js"
integrity="sha384-wHAiFfRlMFy6i5SRaxvfOCifBUQy1xHdJ/yoi7FRNXMRBu5WHdZYu1hA6ZOblgut"
crossorigin="anonymous"
></script>
<script
src="https://stackpath.bootstrapcdn.com/bootstrap/4.2.1/js/bootstrap.min.js"
integrity="sha384-B0UglyR+jN6CkvvICOB2joaf5I4l3gm9GU6Hc1og6Ls7i6U/mkkaduKaBhlAXv9k"
crossorigin="anonymous"
></script>
</body>
</html>

View File

@ -79,7 +79,7 @@ class ActivityDisplay extends React.Component {
</div>
<div className="card-body">
<div className="row">
<div className="col-8">
<div className="col-md-8">
{activity.with_gpx ? (
<ActivityMap activity={activity} />
) : (

View File

@ -12,7 +12,7 @@ export default function UserStatistics (props) {
duration = `${duration.split(':')[0]}h ${duration.split(':')[1]}min`
return (
<div className="row">
<div className="col">
<div className="col-md-3">
<div className="card activity-card">
<div className="card-body row">
<div className="col-3">
@ -25,7 +25,7 @@ export default function UserStatistics (props) {
</div>
</div>
</div>
<div className="col">
<div className="col-md-3">
<div className="card activity-card">
<div className="card-body row">
<div className="col-3">
@ -40,7 +40,7 @@ export default function UserStatistics (props) {
</div>
</div>
</div>
<div className="col">
<div className="col-md-3">
<div className="card activity-card">
<div className="card-body row">
<div className="col-3">
@ -53,7 +53,7 @@ export default function UserStatistics (props) {
</div>
</div>
</div>
<div className="col">
<div className="col-md-3">
<div className="card activity-card">
<div className="card-body row">
<div className="col-3">