diff options
author | Rasmus <rasmus.luha@gmail.com> | 2023-03-13 16:33:45 +0200 |
---|---|---|
committer | Rasmus <rasmus.luha@gmail.com> | 2023-03-13 16:33:45 +0200 |
commit | c40293acd3a00b20d74cf37823b7efb1b75dec9b (patch) | |
tree | baae5261dae9549bdb24f74aa2249965ec183fbc /rannak/mangud/kaitseliitlane/sundmused | |
parent | 1add8ef6285df97270dae4df9f68591443fc5925 (diff) |
Sissejuhatus Btn clean
Diffstat (limited to 'rannak/mangud/kaitseliitlane/sundmused')
-rwxr-xr-x | rannak/mangud/kaitseliitlane/sundmused/index.html | 11 | ||||
-rwxr-xr-x | rannak/mangud/kaitseliitlane/sundmused/styles.css | 13 |
2 files changed, 13 insertions, 11 deletions
diff --git a/rannak/mangud/kaitseliitlane/sundmused/index.html b/rannak/mangud/kaitseliitlane/sundmused/index.html index 7c65863..7418239 100755 --- a/rannak/mangud/kaitseliitlane/sundmused/index.html +++ b/rannak/mangud/kaitseliitlane/sundmused/index.html @@ -19,14 +19,15 @@ <div class="row"> <div> <button class="moveOn" disabled>Liigu Edasi</button> + + <!-- Button trigger modal --> + <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> + Sissejuhatus + </button> </div> - </div> - <!-- Button trigger modal --> - <button type="button" class="btn btn-primary modalButton" data-bs-toggle="modal" data-bs-target="#myModal"> - Sissejuhatus - </button> + </div> </div> diff --git a/rannak/mangud/kaitseliitlane/sundmused/styles.css b/rannak/mangud/kaitseliitlane/sundmused/styles.css index fe4f0f9..546c8c3 100755 --- a/rannak/mangud/kaitseliitlane/sundmused/styles.css +++ b/rannak/mangud/kaitseliitlane/sundmused/styles.css @@ -82,20 +82,21 @@ img { border-radius: 50px; } + .modalButton{ - position: absolute; - top: 0; - right: 0; - padding: 25px; + display: inline-block; + padding: 6px 12px; + margin-left: 30px; background-color: rgba(0,136,169,1); border: none; border-radius: 50px; cursor: pointer; transition: all 0.3 ease 0; - margin: 3%; - font-size: 1.2rem; + font-size: 1rem; } + + .modalButton:hover{ background-color: rgba(0,136,169,0.8); } |