Hi Martha - can you do check this tweak against a wider screen. On my monitor (1920X1080) the title of the resource (e.g. "Mock instance with profile change") is split from the resource details - screenshot here http://i.imgur.com/FKccO.png - I'd rather not push this as it stands as the current (what's in git) version is imo tidier.
thanks, marios On 08/01/13 11:28, [email protected] wrote: > From: NjeriChelimo <[email protected]> > > --- > clients/cimi/public/app.css | 45 > +++++++++++++++++++++++----------------- > clients/cimi/views/layout.haml | 4 ++-- > 2 files changed, 28 insertions(+), 21 deletions(-) > > diff --git a/clients/cimi/public/app.css b/clients/cimi/public/app.css > index ecfb8ed..96e3b72 100644 > --- a/clients/cimi/public/app.css > +++ b/clients/cimi/public/app.css > @@ -1,45 +1,45 @@ > /* Override some defaults */ > html, body { > - background-color: #eee; > + background: #F0F0ED; > } > body { > padding-top: 40px; /* 40px to make the container go all the way to the > bottom of the topbar */ > } > + > +a { > + color: #3B8DBD; > + text-decoration: none; > +} > + > .container > footer p { > text-align: center; /* center align it with the container */ > - font-size : 80%; > + font-size : 0.8em; > } > .container { > - width: 820px; /* downsize our container to make the content feel a bit > tighter and more cohesive. NOTE: this removes two full columns from the grid, > meaning you only go to 14 columns and not 16. */ > + width: 100%; > } > > /* The white background content wrapper */ > .container > .content { > - background-color: #fff; > - padding: 20px; > - margin: 0 -20px; /* negative indent the amount of the padding to maintain > the grid system */ > - -webkit-border-radius: 0 0 6px 6px; > - -moz-border-radius: 0 0 6px 6px; > - border-radius: 0 0 6px 6px; > - -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.15); > - -moz-box-shadow: 0 1px 2px rgba(0,0,0,.15); > - box-shadow: 0 1px 2px rgba(0,0,0,.15); > + padding: 0 3%; > } > > /* Page header tweaks */ > -.page-header { > - background-color: #f5f5f5; > - margin: -28px -20px 10px; > - padding-bottom : 0px; > +.navbar ul li { > + list-style-type: none; > } > > .page-header h1 { > - padding : 10px 20px; > + padding : 1% 2%; > + color: #33383D; > + border-bottom: 10px solid #DDDDDB; > } > > .page-header .breadcrumb { > - margin : 5px 0px 0px 0px; > - border-top: 1px solid rgba(0,0,0,.15); > + margin-top : 2%; > + font-size: 1.3em; > + font-weight: bold; > + margin-bottom: 0; > } > > /* Styles you shouldn't keep as they are for displaying this base example > only */ > @@ -47,6 +47,13 @@ body { > .content .span4 { > min-height: 500px; > } > + > +ul li { > + list-style-type: square; > + text-size: 1.2em; > +} > + > + > /* Give a quick and non-cross-browser friendly divider */ > .content .span4 { > margin-left: 0; > diff --git a/clients/cimi/views/layout.haml b/clients/cimi/views/layout.haml > index 7a99733..4e53f18 100644 > --- a/clients/cimi/views/layout.haml > +++ b/clients/cimi/views/layout.haml > @@ -71,11 +71,11 @@ > %a{ :href => '#', :class => 'btn btn-primary', :id => > 'saveProvider'} Continue > %a{ :href => '#', :class => 'btn', :'data-dismiss' => 'modal'} > Cancel > .content > - .page-header > + .page-header.span9 > %h1=@title || 'no-title-fix-me' > = yield_content :breadcrumb > .row > - .span8#main > + .span9#main.well > - [ :info, :error, :success ].map do |message| > = flash_block_for message > =yield >
