UI change of popup

2 files changed, 7 insertions, 7 deletions

diff --git a/src/client/views/collections/CollectionLinearView.scss b/src/client/views/collections/CollectionLinearView.scss
index 90c96e08b..647ce1b01 100644
--- a/src/client/views/collections/CollectionLinearView.scss
+++ b/src/client/views/collections/CollectionLinearView.scss
@@ -10,15 +10,15 @@
         height: 100%;
 
         >span {
-            margin-top: "auto";
-            margin-bottom: "auto";
+            margin-top: 8px;
+            margin-left: 4px;
+            //margin-bottom: 2px;
             background: $dark-color;
             color: $light-color;
             display: inline-block;
             border-radius: 18px;
-            margin-top: auto;
-            margin-bottom: auto;
-            margin-right: 3px;
+            margin-right: 6px;
+            padding: "4px";
             cursor: pointer;
         }
 
@@ -58,7 +58,7 @@
 
         >input:checked~label {
             transform: rotate(45deg);
-transition: transform 0.5s;
+            transition: transform 0.5s;
             cursor: pointer;
         }
 
diff --git a/src/client/views/collections/CollectionLinearView.tsx b/src/client/views/collections/CollectionLinearView.tsx
index 29deb906a..df8e2c58e 100644
--- a/src/client/views/collections/CollectionLinearView.tsx
+++ b/src/client/views/collections/CollectionLinearView.tsx
@@ -146,7 +146,7 @@ export class CollectionLinearView extends CollectionSubView(LinearDocument) {
                     background: backgroundColor === color ? "black" : backgroundColor,
                 }}
                     onPointerDown={e => e.stopPropagation()} >
-                    <span style={{ fontSize: "7px", display: "inline-block" }}>
+                    <span style={{ fontSize: "12.5px", display: "inline", whiteSpace: "nowrap" }}>
                         Creating Link From: {DocumentLinksButton.StartLink.title} </span>
 
                     <FontAwesomeIcon icon="times-circle" size="lg" style={{ color: "red" }}