tweak block preview (height & hash side by side)

2022-09-10 15:57:06 +00:00
parent 9a87b357fc
commit 0ac3352835
2 changed files with 33 additions and 5 deletions
--- a/frontend/src/app/components/block/block-preview.component.scss
+++ b/frontend/src/app/components/block/block-preview.component.scss
@@ -1,10 +1,34 @@
 .table {
  font-size: 32px;
-  margin-top: 6px;
+  margin-top: 36px;
 }

-.title-wrapper {
+.block-titles {
+  margin: 0;
  padding-left: 15px;
+  padding-right: 15px;
+  display: flex;
+  flex-direction: row;
+  flex-wrap: nowrap;
+  align-items: center;
+  justify-content: space-between;
+  width: 100%;
+  flex-grow: 1;
+
+  .title {
+    flex-shrink: 0;
+    flex-grow:  0;
+    margin-right: 8px;
+    font-size: 62px;
+  }
+
+  .subtitle {
+    flex-shrink: 1;
+    font-family: Consolas,Liberation Mono,Courier New,monospace;
+    font-size: 31px;
+    overflow: hidden;
+    text-overflow: clip;
+  }
 }

 .chart-container {