Making block, transaction, and address view responsive.

closes #43
2020-03-10 14:46:12 +07:00
parent 23e69fd619
commit 365ae04030
10 changed files with 115 additions and 45 deletions
--- a/frontend/src/app/components/transaction/transaction.component.scss
+++ b/frontend/src/app/components/transaction/transaction.component.scss
@@ -2,15 +2,6 @@
  padding: 0.55rem;
 }

-#arrow {
-  position: absolute;
-  bottom: -24px;
-  width: 40px;
-  right: -1px;
-
-  width: 40px;
-}
-
 .title-block {
  color: #FFF;
  padding-left: 10px;
@@ -22,3 +13,19 @@
 .title-block > h1 {
  margin: 0;
 }
+
+
+@media (max-width: 767.98px) {
+	.mobile-bottomcol {
+		margin-top: 15px;
+	}
+}
+
+@media (min-width: 768px) {
+  .float-right-md {
+    float: right;
+  }
+  .float-left-md {
+    float: left;
+  }
+}