[wp-meta] [Making WordPress.org] #84: Make jobs.wordpress.net fully responsive

[Making WordPress.org]

#84: Make jobs.wordpress.net fully responsive
----------------------+--------------------------------
  Reporter:  mercime  |      Owner:
      Type:  defect   |     Status:  new
  Priority:  normal   |  Component:  jobs.wordpress.net
Resolution:           |   Keywords:
----------------------+--------------------------------

Comment (by mercime):

 Patch posted below is a quick fix to make site responsive on small screens
 based on the current 996 grid CSS used in theme. Images - before and after
 - are attached for reference.
 {{{
 @media only screen and (max-width: 767px) {
         .container .hentry .grid_3,
         .container .hentry .grid_4,
         .container .hentry .grid_5,
         .container .hentry .grid_6,
         .container .jobs-group .grid_1,
         .container .jobs-group .grid_2,
         .container .jobs-group .grid_4,
         .container .jobs-group .grid_7,
         .post-job-job-info {
                 width: 100%;
         }
         .container .jobs-group .grid_1,
         .container .jobs-group .grid_2,
         .container .jobs-group .grid_4,
         .container .hentry .grid_3 {
                 padding-left: 20px;
                 padding-right: 20px;
         }
         .container .post-job-job-info .grid_3 {
                 padding-left: 0;
         }
         .post-job-input input[type="text"],
         .post-job-input textarea {
                 width: 95%;
         }
         .container .grid_5.post-job-contact-info {
                 border: none;
         }
         .container .hentry {
                 word-wrap: break-word;
         }
         .items-required  {
                 position: relative;
                 top: 0;
                 right: 0;
         }
         span.edit-link {
                 margin-left: 20px;
         }
 }
 }}}

--
Ticket URL: <http://meta.trac.wordpress.org/ticket/84#comment:2>
Making WordPress.org <http://meta.trac.wordpress.org/>
WordPress blogging software