e2email-org / e2email

E2EMail is a simple Chrome application - a Gmail client that exchanges OpenPGP mail.
Apache License 2.0
806 stars 62 forks source link

Fix styling issues #10

Open kbsriram opened 8 years ago

kbsriram commented 8 years ago

With the new onboarding flow changes, the existing UI styles have been affected and need to be updated.

bb dd

koto commented 8 years ago

This should fix most of those problems:

--- a/chrome/assets/css/bootstrap.css
+++ b/chrome/assets/css/bootstrap.css
@@ -808,7 +808,6 @@ pre code {
 }

 .row {
-  text-align: center;
   margin-right: -15px;
   margin-left: -15px;
 }
@@ -2238,7 +2237,6 @@ textarea.input-lg {
 .btn {
   display: inline-block;
   padding: 6px 12px;
-  margin: auto;
   margin-bottom: 0;
   font-size: 14px;
   font-weight: normal;
@@ -2330,8 +2328,6 @@ fieldset[disabled] .btn-default.active {
 }

 .btn-primary {
-  font-size: 20px;
-  padding-left: 12px 45px 12px 45px;
   color: #ffffff;
   background-color: #428bca;
   border-color: #357ebd;
@@ -7099,4 +7095,4 @@ td.visible-print {
   td.hidden-print {
     display: none !important;
   }
-}

But I'm waiting for #8 to be merged, as there are new style changes incoming.

KamilaHasanbega commented 8 years ago

Hey @kbsriram, according to the UI for attachments, the position/ordering of buttons is slightly changing as well, therefore I scheduled the CSS changes together with the details about attachment icon and input, being both effected by each other. It's in the next CL.

koto commented 8 years ago

These are fixed:

As for the separators between messages/threads, I'll fix them according to https://github.com/e2email-org/e2email/blob/05a24965c7bd97c75d5eada1857f222acf546ff7/screenshots/basic.png.