Adjusting the inputs to be smaller in the story view

Codeminer42 · Aug 29, 2016 · a420bc5 · a420bc5
1 parent 416e7c4
commit a420bc5
Show file tree

Hide file tree

Showing 5 changed files with 8 additions and 6 deletions.
diff --git a/app/assets/javascripts/views/form_view.js b/app/assets/javascripts/views/form_view.js
@@ -79,7 +79,7 @@ Fulcrum.FormView = Backbone.View.extend({
 
     options = _.defaults(options, { attrs: { class: [] } });
 
-    options.attrs.class = 'form-control ' +options.attrs.class.join(' ');
+    options.attrs.class = 'form-control input-sm ' +options.attrs.class.join(' ');
 
     var select = this.make('select', _.extend({name: name}, options.attrs));
 

diff --git a/app/assets/javascripts/views/note_form.js b/app/assets/javascripts/views/note_form.js
@@ -58,7 +58,7 @@ Fulcrum.NoteForm = Fulcrum.FormView.extend({
     $(div).append('<br/>');
     $(div).append(textarea);
 
-    var submit = this.make('input', {id: 'note_submit', type: 'button', value: 'Add note', class: 'add-note'});
+    var submit = this.make('input', {id: 'note_submit', type: 'button', value: 'Add note', class: 'add-note btn btn-default btn-xs'});
     $(div).append(submit);
     this.$el.html(div);
 

diff --git a/app/assets/javascripts/views/story_view.js b/app/assets/javascripts/views/story_view.js
@@ -344,7 +344,7 @@ Fulcrum.StoryView = Fulcrum.FormView.extend({
       this.$el.append(
         this.makeFormControl(function(div) {
           $(div).append(this.textField("title", {
-            'class' : 'title form-control',
+            'class' : 'title form-control input-sm',
             'placeholder': I18n.t('story title'),
             'maxlength': 255,
             'disabled': this.isReadonly()

diff --git a/app/assets/javascripts/views/task_form.js b/app/assets/javascripts/views/task_form.js
@@ -20,7 +20,7 @@ Fulcrum.TaskForm = Fulcrum.FormView.extend({
 
     var submit = this.make('input', {
       id: 'task_submit', type: 'button',
-      value: I18n.t('add task'), class: 'add-task'
+      value: I18n.t('add task'), class: 'add-task btn btn-default btn-xs'
     });
 
     $(div).append(submit);

diff --git a/app/assets/stylesheets/screen.scss b/app/assets/stylesheets/screen.scss
@@ -163,6 +163,9 @@ html.stories, html.stories body, html.stories div#main {
   a.pressed {
     color: #636363;
   }
+  .mi {
+    display: inline;
+  }
 }
 
 /* stories table */
@@ -263,13 +266,12 @@ div.story-icons {
   }
 }
 div.story-controls {
-  padding: 10px 0;
   @extend .btn-group;
 
   input {
     @extend .btn;
     @extend .btn-default;
-    @extend .btn-sm;
+    @extend .btn-xs;
   }
 }
 div.story-title {