fix: responsive history pages

blaize-tech · May 19, 2020 · bc709a0 · bc709a0
1 parent 46f8cd0
commit bc709a0
Show file tree

Hide file tree

Showing 4 changed files with 63 additions and 11 deletions.
diff --git a/dao-web-app/src/components/Account/Account.scss b/dao-web-app/src/components/Account/Account.scss
@@ -587,9 +587,9 @@ input {
 }
 
 @media only screen and (max-width: 425px) {
-    .targetAccount {
-        width: 12px !important;
-    }
+    // .targetAccount {
+    //     width: 12px !important;
+    // }
   .profileWrapper {
     display: block;
   }

diff --git a/dao-web-app/src/components/Proposal/ProposalDetails.scss b/dao-web-app/src/components/Proposal/ProposalDetails.scss
@@ -39,8 +39,8 @@ button.disabled {
     h2 {
       display: inline-block;
       padding-right: 27px;
-      font-size: 50px;
-      line-height: 60px;
+      // font-size: 50px;
+      // line-height: 60px;
       margin: 0;
     }
 
@@ -482,11 +482,59 @@ button.disabled {
   }
 }
 
-@media only screen and (max-width: 425px) {
+@media (max-width: 768px) {
+  .wrapperTitle {
+    margin-bottom: 10px;
+  }
   .proposal {
     display: block;
+
+    &Actions {
+      max-width: calc(100% - 40px);
+    }
+
+    &TitleTop {
+      padding: 15px;
+    }
+
+    &Info {
+      &Cont {
+        padding: 15px 0;
+      }
+    }
+
+    &SummaryContainer {
+      left: -15px;
+    }
   }
 
+  .proposalActions {
+    width: calc(100% - 40px);
+  }
+
+  .buttonBar {
+    button {
+      &.shareButton {
+        line-height: normal;
+        margin-right: 10px;
+      }
+    }
+    .followButton {
+      margin: 10px 0 0 0;
+    }
+  }
+
+  .statusTitle {
+    padding: 15px 20px;
+    h3 {
+      font-size: 18px;
+      line-height: 28px;
+    }
+  }
+}
+
+@media only screen and (max-width: 425px) {
+
   .proposalInfo {
 	  padding: 15px;
 	  padding-right: 15px;
@@ -497,7 +545,7 @@ button.disabled {
   }
 
   .voteBox {
-    margin: 0 0 0 0;
+    margin: 0 0 20px 0;
     border-radius: 0;
   }
 

diff --git a/dao-web-app/src/components/Proposal/ProposalSummary/ProposalSummary.scss b/dao-web-app/src/components/Proposal/ProposalSummary/ProposalSummary.scss
@@ -49,6 +49,10 @@
   font-size: 22px;
   line-height: 32px;
   font-family: Montserrat;
+
+  a {
+    color: #010B2B !important;
+  }
 }
 
 
@@ -139,7 +143,7 @@
 .transferType {
   display: inline-block;
   // color: #010B2B;
-  color: #fff;
+  // color: #fff;
 
   strong {
     // color: rgba(80, 97, 118, 1.000);

diff --git a/dao-web-app/src/components/Scheme/SchemeProposals.scss b/dao-web-app/src/components/Scheme/SchemeProposals.scss
@@ -22,9 +22,9 @@
   // margin-top: 80px;
 
   p {
-    color: rgba(154, 169, 181, 1);
-    font-size: 21px;
-    font-family: "AccordBold", sans-serif;
+    color: #fff;
+    font-size: 18px;
+    // font-family: "AccordBold", sans-serif;
     margin: 0 auto;
     max-width: 450px;
     text-align: center;