client: node-info style fixes. Fixes #360

4 files changed, 19 insertions, 15 deletions

diff --git a/res/client/css/by-view/graph-view.scss b/res/client/css/by-view/graph-view.scss
index 1bc60189..6ae485d0 100644
--- a/res/client/css/by-view/graph-view.scss
+++ b/res/client/css/by-view/graph-view.scss
@@ -209,16 +209,21 @@
   width:inherit;
   height:inherit;
   font-size: $h3-size;
-
 }
 
-#editname{
-  width:inherit;
+#editname {
+  width: 100%;
   height:inherit;
   font-size: $h3-size;
+}
 
+#editdescription {
+  width: 100%;
+  height:inherit;
+  font-size: $h3-size;
 }
 
+
 #graph-view__canvas {
     height: inherit; // inherit from container which should be set to 100%
 }
diff --git a/res/client/css/partials/info-card.scss b/res/client/css/partials/info-card.scss
index a86d1760..2efbc144 100644
--- a/res/client/css/partials/info-card.scss
+++ b/res/client/css/partials/info-card.scss
@@ -53,10 +53,6 @@
     border-top: 6px solid $mid-grey;
 }
 
-.info.type-chainlink {
-    border-top: 6px solid $dark-grey;
-}
-
 .info.type-project {
     border-top: 6px solid $green;
 }
@@ -123,4 +119,4 @@
     border-top: 2px solid $mid-light-grey;
     margin-top: 10px;
     padding-top: 10px;
-}
\ No newline at end of file
+}
diff --git a/res/client/css/style.css b/res/client/css/style.css
index 8cddd1a2..7f4cd4c1 100644
--- a/res/client/css/style.css
+++ b/res/client/css/style.css
@@ -503,9 +503,6 @@ body.debug .debug-ui-right {
 .info.type-empty {
   border-top: 6px solid #919095; }
 
-.info.type-chainlink {
-  border-top: 6px solid #363636; }
-
 .info.type-project {
   border-top: 6px solid #40c200; }
 
@@ -901,7 +898,12 @@ p {
   font-size: 18px; }
 
 #editname {
-  width: inherit;
+  width: 100%;
+  height: inherit;
+  font-size: 18px; }
+
+#editdescription {
+  width: 100%;
   height: inherit;
   font-size: 18px; }
 
diff --git a/res/templates/index.html b/res/templates/index.html
index fe4365a8..87f7b2f6 100644
--- a/res/templates/index.html
+++ b/res/templates/index.html
@@ -82,8 +82,8 @@ var rz_config = { // set as a global variable
       <div class="info" style="display:none">
           <div id="editbox">
             <p class="info-card-message"></p>
-            <p class="info-card-attr">Name</p><p class="info-card-attr-val">
-            <textarea id="editname"></textarea></p>
+            <p class="info-card-attr">Name</p>
+            <textarea class="info-card-attr-val" id="editname"></textarea>
             <label class="info-card-attr">Type</label>
             <select id="edittype" class="select-dropdown">
                 <option value="person">Person</option>
@@ -105,7 +105,8 @@ var rz_config = { // set as a global variable
             <div id="startdate"><label class="info-card-attr">Start date</label><input id="editstartdate"/></br></div>
             <div id="enddate"><label class="info-card-attr">End date:</label><input id="editenddate"/></div>
             <div id="url"><p class="info-card-attr">URL</p><p class="info-card-attr-val info-card-url"><input id="editurl"></p></div>
-            <div id="description"><label>Description</label><textarea id="editdescription"></textarea></div>
+            <div id="description"><label class="info-card-attr">Description</label>
+            <textarea class="info-card-attr-val" id="editdescription"></textarea></div>
             <div id="info-container__bottom-btn-bar">
               <button id="edit-node-dialog__delete" class="btn-regular btn-regular-outline">Delete</button>
             </div>