fix layout

src/main/resources/META-INF/resources/basicTemplate.xhtml

@@ -20,8 +20,8 @@
     </style>
     <h:form id="mainForm">
         <div class="ui-g">
-            <div class="ui-g-2"></div>
-            <div class="ui-g-8">
+            <div class="ui-g-12 ui-md-2"></div>
+            <div class="ui-g-12 ui-md-8">
                 <p:menubar>
                     <p:menuitem>
                         <h:link outcome="#{page.INDEX}">

src/main/resources/META-INF/resources/login.xhtml

@@ -11,8 +11,8 @@
 </h:head>
 <h:body class="black">
     <div class="ui-g">
-        <div class="ui-g-5"></div>
-        <div class="ui-g-2">
+        <div class="ui-md-5 ui-g-12"></div>
+        <div class="ui-md-2  ui-g-12">
             <form method="post" action="/login.xhtml">
                 <p:panel header="Вход в систему" style="margin-bottom:20px">
                     <table cellpadding="10" style="width: 100%">

src/main/resources/META-INF/resources/paper/papers.xhtml

@@ -10,6 +10,24 @@
                 text-align: right !important;
             }
         </style>
+        <div class="ui-fluid">
+            <div class="ui-g">
+                <div class="ui-md-3 ui-g-12">
+                    <p:commandButton value="Удалить выделенные" id="papersRemoveButton"
+                                     disabled="#{papersView.selectedPapers.isEmpty()}"
+                                     action="#{papersView.deleteSelected}" ajax="true" process="@form"
+                                     update="messages @form"/>
+                </div>
+
+                <div class="ui-md-5 ui-g-12">
+                    <p:inputText placeholder="Создать новую статью" value="#{papersView.newPaperTitle}"/>
+                </div>
+                <div class="ui-md-2 ui-g-12">
+                    <p:commandButton action="#{papersView.create}" value="Создать" ajax="true" process="@form"
+                                     update="messages @form mainForm:papersTable"/>
+                </div>
+            </div>
+
             <p:dataTable value="#{papersView.papers}" var="paper" paginator="true" rows="10" id="papersTable"
                          widgetVar="papersTable" emptyMessage="Не найдено подходящих статей"
                          selection="#{papersView.selectedPapers}" rowKey="#{paper.id}">
@@ -46,15 +64,7 @@
                     </ui:include>
                 </p:column>
             </p:dataTable>
-        <div class="ui-g-3">
-            <p:commandButton value="Удалить выделенные" id="papersRemoveButton"
-                             disabled="#{papersView.selectedPapers.isEmpty()}"
-                             action="#{papersView.deleteSelected}" ajax="true" process="@form"
-                             update="messages @form"/>
         </div>
-        <p:inputText placeholder="Создать новую статью" value="#{papersView.newPaperTitle}"/>
-        <p:commandButton action="#{papersView.create}" value="Сохранить" ajax="true" process="@form"
-                         update="messages @form mainForm:papersTable" style="visibility: hidden"/>
     </ui:define>
 </ui:composition>
 </html>