app/assets/stylesheets/projects.scss
// Place all the styles related to the Projects controller here.
// They will automatically be included in application.css.
// You can use Sass (SCSS) here: http://sass-lang.com/
.project-height{
min-height: 650px;
}
#editor {
width: 100%;
height: 400px;
}
#result-evaluator{
padding-top: 45px;
}
.project-svg{
display: block;
fill: #225079;
width: 2em;
height: 2em;
}
.glyphicon {
display: inline-block;
font-family: "Glyphicons Halflings";
font-style: normal;
font-weight: 400;
line-height: 1;
position: relative;
top: 1px;
}
.bs-glyphicons .glyphicon-class {
margin-left: 0;
margin-right: 0;
display: block;
text-align: center;
word-wrap: break-word;
}
.bs-glyphicons-list {
list-style: outside none none;
padding-left: 0;
margin-bottom: 1px;
margin-top: 0;
}
.bs-glyphicons li {
background-color: #f9f9f9;
border: 1px solid #fff;
float: left;
font-size: 14px;
height: 115px;
line-height: 1.4;
padding: 10px;
text-align: center;
width: 15%;
}
.bs-glyphicons .glyphicon {
font-size: 24px;
margin-bottom: 10px;
margin-top: 5px;
}
#readmeModal .modal-dialog
{
width: 70%; /* your width */
}