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

2 files changed, 48 insertions, 0 deletions

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;