+
{{ channel.alias || '?' }}
{{ channel.public_key | shortenString : 12 }}
diff --git a/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss b/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss
index e9fde9ffb0..bc7b56f62c 100644
--- a/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss
+++ b/frontend/src/app/lightning/channel/channel-box/channel-box.component.scss
@@ -8,8 +8,8 @@
.box-right {
text-align: right;
- width: 50%;
- margin-top: auto;
+ margin: auto;
+ white-space: nowrap;
}
.shared-block {
diff --git a/frontend/src/app/lightning/node/node.component.html b/frontend/src/app/lightning/node/node.component.html
index 7785437720..f0be2fe895 100644
--- a/frontend/src/app/lightning/node/node.component.html
+++ b/frontend/src/app/lightning/node/node.component.html
@@ -158,9 +158,9 @@
Lightning node
-
+
-
+
diff --git a/frontend/src/app/lightning/node/node.component.scss b/frontend/src/app/lightning/node/node.component.scss
index 7221e56bc5..3803ce2fb6 100644
--- a/frontend/src/app/lightning/node/node.component.scss
+++ b/frontend/src/app/lightning/node/node.component.scss
@@ -1,29 +1,11 @@
.title-container {
display: flex;
- flex-direction: row;
-
- @media (max-width: 768px) {
- flex-direction: column;
- }
+ flex-direction: column;
}
.tx-link {
display: flex;
- flex-grow: 1;
- @media (min-width: 650px) {
- align-self: end;
- margin-left: 15px;
- margin-top: 0px;
- margin-bottom: -3px;
- }
- @media (min-width: 768px) {
- margin-bottom: 4px;
- top: 1px;
- position: relative;
- }
- @media (max-width: 768px) {
- order: 2;
- }
+ flex-wrap: wrap;
}
.qr-wrapper {
@@ -83,4 +65,10 @@ app-fiat {
@media (min-width: 576px) {
width: 40%;
}
-}
\ No newline at end of file
+}
+
+@media (max-width: 767.98px) {
+ h1 > .skeleton-loader {
+ height: 28px !important;
+ };
+}