anchor.diff:      <h:panelGroup rendered="#{itemauthor.showMetadata == 'true'}" styleClass="longtext">
           <h:outputLabel value="Metadata"/>
           <div class="form-group row">
  -            <h:outputLabel for="obj" value="#{authorMessages.objective}" styleClass="col-md-4 form-control-label" />
  -            <div class="col-md-5">
  +            <h:outputLabel for="obj" value="#{authorMessages.objective}" styleClass="col-md-4 col-lg-2 form-control-label" />
  +            <div class="col-md-5 col-lg-3">
                   <h:inputText size="30" id="obj" value="#{itemauthor.currentItem.objective}" styleClass="form-control"/>
               </div>
           </div>
           <div class="form-group row">
  -            <h:outputLabel for="keyword" value="#{authorMessages.keyword}" styleClass="col-md-4 form-control-label" />
  -            <div class="col-md-5">
  +            <h:outputLabel for="keyword" value="#{authorMessages.keyword}" styleClass="col-md-4 col-lg-2 form-control-label" />
  +            <div class="col-md-5 col-lg-3">
                   <h:inputText size="30" id="keyword" value="#{itemauthor.currentItem.keyword}" styleClass="form-control"/>
               </div>
           </div>
           <div class="form-group row">
  -            <h:outputLabel for="rubric" value="#{authorMessages.rubric_colon}" styleClass="col-md-4 form-control-label" />
  -            <div class="col-md-5">
  +            <h:outputLabel for="rubric" value="#{authorMessages.rubric_colon}" styleClass="col-md-4 col-lg-2 form-control-label" />
  +            <div class="col-md-5 col-lg-3">
                   <h:inputText size="30" id="rubric" value="#{itemauthor.currentItem.rubric}" styleClass="form-control"/>
               </div>
           </div> 
  
positive.code:     
    <!-- 2 TEXT -->
      <div class="form-group row">
          <h:outputLabel value="#{authorMessages.q_text}" styleClass="col-md-4 form-control-label"/>
          <!-- WYSIWYG -->
          <div class="col-md-8">
              <h:panelGrid>
  
negative.code:     <!-- 5 POOL -->
      <h:panelGroup styleClass="form-group row" layout="block" rendered="#{itemauthor.target == 'assessment' && author.isEditPendingAssessmentFlow}">
          <h:outputLabel rendered="#{itemauthor.target == 'assessment'}" value="#{authorMessages.assign_to_question_p}" 
                      styleClass="col-md-4 col-lg-2 form-control-label"/>
          <div class="col-md-8">                    
              <h:selectOneMenu id="assignToPool" value="#{itemauthor.currentItem.selectedPool}">
                  <f:selectItem itemValue="" itemLabel="#{authorMessages.select_a_pool_name}" />
  