fixes some info card styling

- the input field now doesn't clip the text before the end of the row -
tough i think we will need to change it to a <p> element because of
text overflow issues

- some styling to the drop down. aparently we will need to implement it
in javascript to get full styling control

3 files changed, 50 insertions, 2 deletions

diff --git a/index.html b/index.html
index 8d2c1714..2ebe90a3 100644
--- a/index.html
+++ b/index.html
@@ -55,10 +55,10 @@
           <button id="deleteedge">Delete</button>
       </div>
       <div class="info" style="display:none">
-        <p>Node info</p>
           <form id="editbox">
             <p class="info-card-attr">Name</p><p class="info-card-attr-val"><input id="editformname"></p>
-            <label class="info-card-attr">Type</label><select id="edittype">
+            <label class="info-card-attr">Type</label>
+            <select id="edittype" class="select-dropdown">
                 <option value="person">Person</option><option value="club">Club</option><option value="skill">Skill</option><option value="interest">Interest</option><option value="third-internship-proposal">Third-internship-proposal</option><option value="internship">Internship</option>
             </select><br/>
             <div id="status">
diff --git a/res/css/partials/info-card.scss b/res/css/partials/info-card.scss
index d3907679..bf3e9f69 100644
--- a/res/css/partials/info-card.scss
+++ b/res/css/partials/info-card.scss
@@ -77,6 +77,32 @@
   margin: 12px 0px 24px 0px;
 }
 
+#editbox .info-card-attr-val input{
+  width: 100%;
+  font-size: $h2-size;
+}
+
+.select-dropdown {
+  border: none;
+  font-family: $base-font-family;
+  background-color: white;
+  font-size: $h3-size;
+  color: $dark-grey;
+  width: 100%;
+  padding: 0;
+  margin: 12px 0px 24px 0px;
+}
+
+.select-dropdown:focus {
+  outline: none;
+}
+
+.select-dropdown option{
+  font-size: $h3-size;
+  color: $dark-grey;
+  border: 1px solid $dark-grey;
+}
+
 .info hr {
   width: 250px;
   position: relative;
diff --git a/res/css/style.css b/res/css/style.css
index 65dddef6..ac929313 100644
--- a/res/css/style.css
+++ b/res/css/style.css
@@ -500,6 +500,28 @@ body.debug .debug-ui-right {
   font-size: 24px;
   margin: 12px 0px 24px 0px; }
 
+#editbox .info-card-attr-val input {
+  width: 100%;
+  font-size: 24px; }
+
+.select-dropdown {
+  border: none;
+  font-family: "Source_Regular", sans-serif;
+  background-color: white;
+  font-size: 18px;
+  color: #363636;
+  width: 100%;
+  padding: 0;
+  margin: 12px 0px 24px 0px; }
+
+.select-dropdown:focus {
+  outline: none; }
+
+.select-dropdown option {
+  font-size: 18px;
+  color: #363636;
+  border: 1px solid #363636; }
+
 .info hr {
   width: 250px;
   position: relative;