diff --git a/frontend2.html b/frontend2.html index 25d6c25..7d36669 100644 --- a/frontend2.html +++ b/frontend2.html @@ -22,14 +22,64 @@ flex-direction: column; } - .my-address { - background-color: #feffed; - padding: 0.5rem; + #my-address { + margin-top: 0.5rem; cursor: pointer; + margin-left: 1rem; } + .my-address-block { + background-color: #F8F9FA; + padding: 0.5rem; + white-space: nowrap; + padding-left: 0; + margin-left: 1rem; + text-align: center; + } + + .get-new-address-col { + text-align: center; + padding: 0.5rem; + + } + .my-address { + background-color: #F8F9FA; + padding: 0.5rem; + } + + .copy-button { + font-size: 75%; + color: #808080; + cursor: pointer; + background-color: transparent; + border: 0; + border-radius: 0.25rem; + } + + .copy-button:hover { + color: #fff; + background-color: #007BFF; + } + + /* from https://github.com/twbs/bootstrap/blob/620257456ed0685cae6b6ff51d2ab1e37f02a4fa/assets/scss/_clipboard-js.scss and adapted */ + .btn-clipboard2 { + display: block; + padding: 0.25rem 0.5rem; + font-size: 75%; + color: #818a91; + + } + + .my-address-copy { + background-color: #F8F9FA; + padding-right: 0; + padding-left: 0; + } + + /* --- */ + header { - background-color: #f9f9f9; + /*background-color: #f9f9f9;*/ padding-bottom: 1rem; padding-top: 1rem; } @@ -110,39 +160,66 @@ - - - Your disposable mailbox is ready. + + Your disposable mailbox is ready. + + - + + user@domain.com - - - - - - Copy + + Copy - - - - - - + + - change address - - - random - - + aria-controls="address-box-normal address-box-edit" aria-expanded="false">get new address + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + @@ -336,7 +413,7 @@ - + English Deutsch Two @@ -344,7 +421,7 @@ This is a disposable mailbox service. Everybody can read all emails. - Show Details
- Your disposable mailbox is ready. +
+ Your disposable mailbox is ready. +
- - Copy +
This is a disposable mailbox service. Everybody can read all emails. - Show Details