3 files changed, 33 insertions, 3 deletions
diff --git a/index.html b/index.html
index b1fd37ca..6bac039b 100644
--- a/index.html
+++ b/index.html
@@ -70,7 +70,7 @@
             <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="desc"><label>Description</label><input id="editdescription"/></div>
-            <div id="url"><p class="info-card-attr">URL</p><p class="info-card-attr-val"><input id="editurl"></p></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>
             <hr>
             <button class="btn-regular btn-regular-outline">Save</button>
             <button id="deletenode" class="btn-regular">Delete</button>
diff --git a/res/css/partials/info-card.scss b/res/css/partials/info-card.scss
index bf3e9f69..2b8efe20 100644
--- a/res/css/partials/info-card.scss
+++ b/res/css/partials/info-card.scss
@@ -77,11 +77,27 @@
   margin: 12px 0px 24px 0px;
 }
 
-#editbox .info-card-attr-val input{
+.info-card-attr-val input{
   width: 100%;
   font-size: $h2-size;
 }
 
+.info-card-url input{
+    font-size: $h4-size;
+    margin-left: 20px;
+}
+
+.info-card-url:before { //url icon before the url line
+  position: absolute;
+  margin-top: 7px;
+  content: "";
+  background: url(../img/url-icon.png);
+  min-width: 14px;
+  min-height: 14px;
+  background-position: center;
+  background-repeat: no-repeat;
+}
+
 .select-dropdown {
   border: none;
   font-family: $base-font-family;
diff --git a/res/css/style.css b/res/css/style.css
index e7e27aa0..103eac49 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -496,10 +496,24 @@ body.debug .debug-ui-right {
   font-size: 24px;
   margin: 12px 0px 24px 0px; }
 
-#editbox .info-card-attr-val input {
+.info-card-attr-val input {
   width: 100%;
   font-size: 24px; }
 
+.info-card-url input {
+  font-size: 14px;
+  margin-left: 20px; }
+
+.info-card-url:before {
+  position: absolute;
+  margin-top: 7px;
+  content: "";
+  background: url(../img/url-icon.png);
+  min-width: 14px;
+  min-height: 14px;
+  background-position: center;
+  background-repeat: no-repeat; }
+
 .select-dropdown {
   border: none;
   font-family: "Source_Regular", sans-serif;