William O'Beirne 8854d42fd9 Sidebar refactor / style update (#173)
* Convert bootstrap to sass instead of checked in and less

* Darken body, adjust header.

* First pass at tab styles, each tab will need a lot of individual love tho.

* Update footer to main site content, improve responsiveness.

* Missing key added.

* Fix dropdowns.

* Convert GenerateWallet HTML over, still needs styling.

* Send form.

* Current rates styled.

* CurrencySwap form styles.

* SwapInfoHeader styled.

* Finish up swap restyling, minor usability improvements for mobile.

* Fix up notifications / alert customizations

* Import v3 variables.

* Fix notification spacing.

* Align input height base with buttons.

* Revert height base, add additional bootstrap overrides.

* Grid overrides.

* Move overrides to their own folder. Adjust naming.

* Fix inconsistencies.

* Style generate wallet pt 1.

* Style generate wallet pt 2

* Style generate wallet pt 3

* Fix swap

* Added some missing overries, fixed the fallout.

* Remove header text, indicate alpha version.

* Fix radio / checkbox weights.

* Bind => arrow

* Convert simpledropdown to proper form select, instead of weirdly implemented nonfuncitoning dropdown.

* Fix token balances buttons, footr icons.

* Break out files, style up account info.

* Style up token balances.

* Equivalent values styling.

* Sidebar promos.

* Fix up delete button and add custom form.

* Even spacing.

* Unlog

* Convert Big types to Ether types

* Fix test to expect Ether instead of Big
2017-09-08 14:26:51 -05:00

77 lines
1.1 KiB
SCSS

@import "common/sass/variables";
@import "common/sass/mixins";
.AccountInfo {
&-section {
margin-top: $space * 1.5;
&:first-child {
margin-top: 0;
}
&-header {
margin-top: 0;
}
}
&-address,
&-list {
padding-left: $space;
}
&-address {
@include clearfix;
&-icon {
float: left;
width: 44px;
height: 44px;
margin-right: $space-md;
}
&-addr {
width: 100%;
word-wrap: break-word;
@include mono;
}
}
&-list {
&-item {
margin-bottom: 0;
list-style-type: none;
word-break: break-all;
&-clickable:hover {
cursor: pointer;
text-decoration: underline;
}
}
}
}
.account-info {
padding-left: 1em;
margin: 0;
li {
}
table {
font-weight: 200;
border-bottom: 0;
min-width: 200px;
td {
padding: 4px 5px;
line-height: 1;
}
td:first-child {
max-width: 115px;
word-wrap: break-word;
padding-left: 1em;
}
tr:nth-last-child(2),
tr:last-child {
background-color: white !important;
}
}
}