toggle button edits for mobile

This commit is contained in:
Calvin Jhunjhnuwala
2020-09-17 14:33:42 -07:00
parent 7f466e6f2a
commit 7f1a80549c
4 changed files with 4 additions and 12 deletions

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@@ -193,14 +193,6 @@
}
}
@media only screen and (min-width: 576px) and (max-width: 1200px){
#data-selector li:nth-child(2) {
margin-left: 0;
margin-right: 0;
border-top: 1px solid $black;
border-bottom: 1px solid $black;
}
}
@include media-breakpoint-down(xs) {
.d-output {
display: none;
@@ -259,7 +251,7 @@
display: block;
}
}
@include media-breakpoint-up(lg){
@include media-breakpoint-up(xl){
#data-selector li:first-child a {
border-top-left-radius: 8px;
border-bottom-left-radius: 8px;

View File

@@ -60,7 +60,7 @@
<div class="rounded sticky-top top-10 mb-3 mb-lg-0" id="calculator-inputs">
<div class="border-green p-3 calc-inputs">
<h4>{% trans %}Comparing<br/> Transaction Data{% endtrans %}</h4>
<ul class="p-0 mt-10 ls-none d-sm-flex d-lg-block d-xl-flex flex-wrap justify-content-around" id="data-selector">
<ul class="p-0 mt-10 ls-none d-sm-flex d-lg-block d-xl-flex flex-wrap justify-content-center justify-xl-content-around" id="data-selector">
<li class="d-block d-xl-inline-flex text-center active"><a class="tab-link d-block d-xl-flex fs-base va-middle" href="#d-crypto">{% trans %}Crypto{% endtrans %}</a></li>
<li class="d-block d-xl-inline-flex text-center"><a class="tab-link d-block d-xl-flex fs-base va-middle" href="#d-credit">{% trans %}Credit Cards{% endtrans %}</a></li>
<li class="d-block d-xl-inline-flex text-center"><a class="tab-link d-block d-xl-flex fs-base va-middle" href="#d-cash">{% trans %}Cash{% endtrans %}</a></li>