Skip to content

Commit 26a770d

Browse files
committed
Update spacing
1 parent 9741251 commit 26a770d

File tree

1 file changed

+18
-17
lines changed

1 file changed

+18
-17
lines changed

src/components/EBanner.js

Lines changed: 18 additions & 17 deletions
Original file line numberDiff line numberDiff line change
@@ -7,42 +7,43 @@
77
* Copyright © 2022 by Shen, Jen-Chieh $
88
*/
99
import React from 'react';
10-
import { Button } from 'react-bootstrap';
10+
import { Button, Container } from 'react-bootstrap';
1111

1212
import banner from '../etc/sink_white.png';
1313

1414
import { FiDownload } from 'react-icons/fi';
15-
import { GrInstall } from 'react-icons/gr';
15+
import { RiInstallFill } from 'react-icons/ri';
1616

1717
class Ebanner extends React.Component {
1818
state = {};
1919
render () {
2020
return (
2121
<>
2222
<div className="text-center">
23-
<div>
23+
<div className="p-4">
2424
<img src= { banner } alt="banner" />
2525
</div>
26-
<br/>
2726
<div className="text-info h5">
2827
[J C S • E M A C S]
2928
</div>
3029
<div className="text-white-50 h6 p-1">
3130
Emacs configuration works across all OSs
3231
</div>
33-
<br/><br/>
34-
<Button variant="light" className="rounded-pill border-2 border-success btn-lg"
35-
href="https://github.com/jcs-emacs/jcs-emacs/archive/refs/heads/master.zip">
36-
<FiDownload /> Download
37-
</Button>{' '}
38-
<Button variant="dark" className="rounded-pill border-2 border-primary btn-lg"
39-
href="#collapseExample"
40-
type="button"
41-
data-toggle="collapse"
42-
role="button" aria-expanded="false" aria-controls="collapseExample">
43-
<GrInstall /> Install
44-
</Button>
45-
<br/><br/>
32+
<Container className="p-4">
33+
<Button variant="dark"
34+
className="rounded-pill btn-lg border-2 border-success px-4 mx-1"
35+
href="https://github.com/jcs-emacs/jcs-emacs/archive/refs/heads/master.zip">
36+
<FiDownload /> Download
37+
</Button>{' '}
38+
<Button variant="dark"
39+
className="rounded-pill btn-lg border-2 border-success px-5 mx-1"
40+
href="#collapseExample"
41+
type="button"
42+
data-toggle="collapse"
43+
role="button" aria-expanded="false" aria-controls="collapseExample">
44+
<RiInstallFill /> Install
45+
</Button>
46+
</Container>
4647
</div>
4748
</>);
4849
}

0 commit comments

Comments
 (0)