commit 777638f19768e8cb1c1538721a3c7e98893d930a
Author: Anděl Ondřej <ondrej.andel@marbes.cz>
Date:   Wed May 12 14:35:52 2021 +0200

    Bug #8910: Upravit odsazení stránek

diff --git a/application/manual.php b/application/manual.php
index 20ba9d1..db46ef6 100644
--- a/application/manual.php
+++ b/application/manual.php
@@ -1,13 +1,10 @@
-<?php
-session_start();
-?>
-
 <!doctype html>
-
+<?php session_start()?>
 <html >
 <head>
     <meta charset="utf-8">
     <title>Dalimilova kronika</title>
+
     <!-- css -->
     <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css">
     <link rel="stylesheet" href="view/style.css">
@@ -28,7 +25,7 @@ session_start();
 
     <div class="row app-content">
         <div class="col-xs-12 col-sm-12 p-4 content d-flex">
-            <?php include "./view/contents/manualContent.php" ?>
+            <?php include "./view/contents/manualContent.html" ?>
         </div>
     </div>
     <?php include "./view/footer.html" ?>
diff --git a/application/userManual.php b/application/userManual.php
index 9d7e360..fade2f8 100644
--- a/application/userManual.php
+++ b/application/userManual.php
@@ -28,7 +28,7 @@ session_start();
 
     <div class="row app-content">
         <div class="col-xs-12 col-sm-12 p-4 content d-flex">
-            <?php include "./view/contents/userManualContent.php" ?>
+            <?php include "./view/contents/userManualContent.html" ?>
         </div>
     </div>
     <?php include "./view/footer.html" ?>
diff --git a/application/view/contents/contactsContent.html b/application/view/contents/contactsContent.html
index 51f0ae4..50adac8 100644
--- a/application/view/contents/contactsContent.html
+++ b/application/view/contents/contactsContent.html
@@ -1,54 +1,52 @@
 <style>
-    table, td, th{
+    td, th {
         border: 1px solid black;
     }
 </style>
 
-<h3>Zadavatelé projektu</h3>
-<div>
-<table>
-    <tr>
-        <th class="text-center">jméno</th>
-        <th class="text-center">e-mailová adresa</th>
-    </tr>
-    <tr>
-        <td>PhDr. Eva Pasáčková, CSc.</td>
-        <td>epasacko@kcj.zcu.cz</td>
-    </tr>
-    <tr>
-        <td>Mgr. Martina Spěváčková, Ph.D.</td>
-        <td>spevacko@kcj.zcu.cz</td>
-    </tr>
-</table>
-</div>
-<br>
-<h3>Tým řešitelů</h3>
-<div>
-<table>
-    <tr>
-        <th class="text-center">jméno</th>
-        <th class="text-center">e-mailová adresa</th>
-        <th class="text-center">studentské číslo</th>
-    </tr>
-    <tr>
-        <td>Bc. Ondřej Anděl</td>
-        <td>andelo@students.zcu.cz</td>
-        <td>A20N0074P</td>
-    </tr>
-    <tr>
-        <td>Bc. Tomáš Pašek</td>
-        <td>pasekt@students.zcu.cz</td>
-        <td>A20N0099P</td>
-    </tr>
-    <tr>
-        <td>Bc. Milan Vacek</td>
-        <td>vacekm@students.zcu.cz</td>
-        <td>A20N0108P</td>
-    </tr>
-    <tr>
-        <td>Bc. Ondřej Drtina</td>
-        <td>drtinao@students.zcu.cz</td>
-        <td>A20N0077P</td>
-    </tr>
-</table>
+<div class="col-xs-12 col-sm-10 m-auto">
+    <div class="row g-0">
+        <div class="col-xs-12 col-sm-6 m-auto">
+            <h3 class="d-flex justify-content-center">Tým řešitelů</h3>
+            <table class="d-flex justify-content-center">
+                <tr>
+                    <th class="text-center px-4 py-2">jméno</th>
+                    <th class="text-center px-4 py-2">e-mailová adresa</th>
+                </tr>
+                <tr>
+                    <td class="px-4 py-2">Bc. Ondřej Anděl</td>
+                    <td class="px-4 py-2">andelo@students.zcu.cz</td>
+                </tr>
+                <tr>
+                    <td class="px-4 py-2">Bc. Tomáš Pašek</td>
+                    <td class="px-4 py-2">pasekt@students.zcu.cz</td>
+                </tr>
+                <tr>
+                    <td class="px-4 py-2">Bc. Milan Vacek</td>
+                    <td class="px-4 py-2">vacekm@students.zcu.cz</td>
+                </tr>
+                <tr>
+                    <td class="px-4 py-2">Bc. Ondřej Drtina</td>
+                    <td class="px-4 py-2">drtinao@students.zcu.cz</td>
+                </tr>
+            </table>
+        </div>
+        <div class="col-xs-12 col-sm-6 m-auto">
+            <h3 class="d-flex justify-content-center">Zadavatelé projektu</h3>
+            <table class="d-flex justify-content-center">
+                <tr>
+                    <th class="text-center px-4 py-2">jméno</th>
+                    <th class="text-center px-4 py-2">e-mailová adresa</th>
+                </tr>
+                <tr>
+                    <td class="px-4 py-2">PhDr. Eva Pasáčková, CSc.</td>
+                    <td class="px-4 py-2">epasacko@kcj.zcu.cz</td>
+                </tr>
+                <tr>
+                    <td class="px-4 py-2">Mgr. Martina Spěváčková, Ph.D.</td>
+                    <td class="px-4 py-2">spevacko@kcj.zcu.cz</td>
+                </tr>
+            </table>
+        </div>
+    </div>
 </div>
\ No newline at end of file
diff --git a/application/view/contents/indexContent.html b/application/view/contents/indexContent.html
index ec1bc3e..71121c5 100644
--- a/application/view/contents/indexContent.html
+++ b/application/view/contents/indexContent.html
@@ -1 +1,7 @@
-<div>Internetová aplikace zpřístupňuje badatelské veřejnosti Index slov a tvarů Dalimilovy kroniky.  Byla vytvořena řešitelským týmem studentů katedry informatiky a výpočetní techniky Fakulty aplikovaných věd Západočeské univerzity v Plzni, vedeným Bc. Ondřejem Drtinou pod gescí doc. Ing. Přemysla Brady, MSc, Ph.D. Vychází z výsledků projektů, které byly v letech 2013–2020 řešeny studenty katedry českého jazyka a literatury Fakulty pedagogické ZČU v Plzni pod vedením PhDr. Evy Pasáčkové, CSc., a Mgr. Martiny Spěváčkové, Ph.D. Hlavním výsledkem těchto projektů bylo vydání indexu v tištěné podobě (<span style="font-style: italic">Staročeská kronika tak řečeného Dalimila. Index slov a tvarů. 1. část – substantiva, adjektiva</span>. Plzeň: ZČU 2013, <span style="font-style: italic">2. část – slovesa</span>. Plzeň: ZČU 2015, <span style="font-style: italic">3. část – zájmena, číslovky, neohebné slovní druhy</span>. Plzeň: ZČU 2020). Nedílnou a velmi důležitou součástí řešení bylo vytvoření anotačního editoru, na jehož základě byla zpracována finální podoba pro tisk. Zásadní podporou pro zpracování bylo vytvoření dvou elektronických databází. Tvůrcem byl Ing. Tomáš Brychcín, Ph.D.</div><br><div>Řešitelský tým studentů Fakulty aplikovaných věd ve složení Bc. Ondřej Drtina, Bc. Ondřej Anděl, Bc. Tomáš Pašek a Bc. Milan Vacek tyto pracovní databáze sloučil a vytvořil internetovou aplikaci, která data zpřístupňuje všem uživatelům na webu.</div><br><div>Projekty byly podpořeny vnitřní grantovou soutěží Západočeské univerzity v Plzni.</div>
\ No newline at end of file
+<div class="col-xs-12 col-sm-10 m-auto">
+    Internetová aplikace zpřístupňuje badatelské veřejnosti Index slov a tvarů Dalimilovy kroniky.  Byla vytvořena řešitelským týmem studentů katedry informatiky a výpočetní techniky Fakulty aplikovaných věd Západočeské univerzity v Plzni, vedeným Bc. Ondřejem Drtinou pod gescí doc. Ing. Přemysla Brady, MSc, Ph.D. Vychází z výsledků projektů, které byly v letech 2013–2020 řešeny studenty katedry českého jazyka a literatury Fakulty pedagogické ZČU v Plzni pod vedením PhDr. Evy Pasáčkové, CSc., a Mgr. Martiny Spěváčkové, Ph.D. Hlavním výsledkem těchto projektů bylo vydání indexu v tištěné podobě (<span style="font-style: italic">Staročeská kronika tak řečeného Dalimila. Index slov a tvarů. 1. část – substantiva, adjektiva</span>. Plzeň: ZČU 2013, <span style="font-style: italic">2. část – slovesa</span>. Plzeň: ZČU 2015, <span style="font-style: italic">3. část – zájmena, číslovky, neohebné slovní druhy</span>. Plzeň: ZČU 2020). Nedílnou a velmi důležitou součástí řešení bylo vytvoření anotačního editoru, na jehož základě byla zpracována finální podoba pro tisk. Zásadní podporou pro zpracování bylo vytvoření dvou elektronických databází. Tvůrcem byl Ing. Tomáš Brychcín, Ph.D.
+    <br /><br />
+    Řešitelský tým studentů Fakulty aplikovaných věd ve složení Bc. Ondřej Drtina, Bc. Ondřej Anděl, Bc. Tomáš Pašek a Bc. Milan Vacek tyto pracovní databáze sloučil a vytvořil internetovou aplikaci, která data zpřístupňuje všem uživatelům na webu.
+    <br /><br />
+    Projekty byly podpořeny vnitřní grantovou soutěží Západočeské univerzity v Plzni.
+</div>
\ No newline at end of file
diff --git a/application/view/contents/manualContent.html b/application/view/contents/manualContent.html
new file mode 100644
index 0000000..0aa77d3
--- /dev/null
+++ b/application/view/contents/manualContent.html
@@ -0,0 +1,350 @@
+<style>
+    td, th {
+        border: 1px solid black;
+    }
+</style>
+
+
+<div class="col-xs-12 col-sm-10 m-auto">
+    <h1>Zkratky</h1>
+    <h2>Morfologické zkratky</h2>
+    <p>Morfologické zkratky se skládají z 12 znaků. Pokud je znak pomlčka, znamená to, že není slovo danou morfologickou kategorii nemá, nebo nebyla zadána. Význam ostatních znaků je k náhlednutí níže.
+    <h3>Slovní druh</h3>
+    <p>První znak v této zkratce uznačuje slovní druh daného slova a může nabývat následujících hodnot.</p>
+    <ul>
+        <li>N : substantivum </li>
+        <li>A : adjektivum </li>
+        <li>P : pronomen </li>
+        <li>C : numeralie </li>
+        <li>V : verbum </li>
+        <li>D : adverbium </li>
+        <li>R : prepozice </li>
+        <li>J : konjunkce </li>
+        <li>I : interjekce </li>
+        <li>T : partikule </li>
+    </ul>
+
+    <h3>Pád</h3>
+    <p>Následující po slovní druhu je číslo v rozsahu 1 - 7, označující pád.</p>
+    <ul>
+        <li>1 : nominativ </li>
+        <li>2 : genitiv </li>
+        <li>3 : dativ </li>
+        <li>4 : akuzativ </li>
+        <li>5 : vokativ </li>
+        <li>6 : lokál </li>
+        <li>7 : instrumentál </li>
+    </ul>
+    <h3>Číslo</h3>
+    <p>Třetí znak zkratky označuje číslo daného slova a může nabývat jedné z následujících hodnot.</p>
+    <ul>
+        <li>S : singulár </li>
+        <li>P : plurál </li>
+        <li>D: duál </li>
+    </ul>
+
+    <h3>Rod</h3>
+    <p>Za znakem označující číslo se nachází znak označující rod. Tento znak může existovat v jedné z následujících podob.</p>
+    <ul>
+        <li>M : maskulinum, </li>
+        <li>F : femininum </li>
+        <li>N : neutrum </li>
+    </ul>
+
+    <h3>Stupeň</h3>
+    <p>Znak na pátém místě informuje o stupni daného slova.</p>
+    <ul>
+        <li>1 : 1. stupeň </li>
+        <li>2 : 2. stupeň  </li>
+        <li>3 : 3. stupeň </li>
+    </ul>
+
+    <h3>Tvar</h3>
+    <p>Následující znak určuje zda slovo má tvar a v případě, že ano, tak mu přiřazuje jeden ze seznamu níže. </p>
+    <ul>
+        <li>C : tvar složený </li>
+        <li>N : tvar jmenný </li>
+    </ul>
+    <h3>Proměnný parametr</h3>
+    <p>Po přeskočeném sedmém parametru, viz poznámka níže, se nachází 8 parametr. Tento parametr mění svůj význam na základě slov´ho druhu.</p>
+
+    <h4>Substantivum </h4>
+    <p>Parametr se neudává </p>
+
+    <h4>Adjektivum </h4>
+    <p>Parametr se neudává </p>
+
+    <h4>Pronomen</h4>
+    <ul>
+        <li>P : osobní </li>
+        <li>S : přivlastňovací </li>
+        <li>D : ukazovací </li>
+        <li>Q : tázací </li>
+        <li>J : vztažná </li>
+        <li>Z : neurčitá </li>
+        <li>L : vymezovací </li>
+        <li>W : záporná </li>
+    </ul>
+
+    <h4>Numeralie</h4>
+    <p>Parametr se neudává </p>
+    <h4>Verbum</h4>
+    <ul>
+        <li>F : infinitiv </li>
+        <li>D : oznamovací způsob </li>
+        <li>I : rozkazovací způsob </li>
+        <li>C : podmiňovací způsob </li>
+        <li>S : supinum </li>
+        <li>E : přechodník přítomný </li>
+        <li>M : přechodník minulý </li>
+        <li>A : participium perfekta aktiva </li>
+        <li>P : participium perfekta pasiva </li>
+    </ul>
+
+    <h4>Adverbium</h4>
+    <p>Parametr se neudává </p>
+    <h4>Prepozice</h4>
+    <p>Parametr se neudává </p>
+    <h4>Konjunkce</h4>
+    <ul>
+        <li>V : větná </li>
+        <li>C : členská </li>
+        <li>N : navazovací </li>
+        <li>P : spojení s přechodníkem </li>
+    </ul>
+
+    <h4>Interjekce</h4>
+    <p>Parametr se neudává </p>
+
+    <h4>Partikule</h4>
+    <p>Parametr se neudává </p>
+
+    <h3>Osoba</h3>
+    <p>Následující série parametrů má nadále význam pouze u sloves, první z této série na pozici 9 určuje osobu.</p>
+
+    <ul>
+        <li>1 : 1. osoba </li>
+        <li>2 : 2. osoba  </li>
+        <li>3 : 3. osoba </li>
+    </ul>
+
+    <h3>Čas</h3>
+    <p>Další, v pořadí desátý parametr, určuje čas daného slovesa.</p>
+    <ul>
+        <li>P : přítomný čas </li>
+        <li>A : aorist  </li>
+        <li>R : préteritum </li>
+        <li>I : imperfektum </li>
+        <li>H : předminulý čas  </li>
+        <li>F : budoucí čas </li>
+    </ul>
+
+    <h3>Slovesný Rod</h3>
+    <p>Předposlední parametr určuje slovesný rod a může nabývat následujících hodnot.</p>
+    <ul>
+        <li>P : pasivum </li>
+        <li>A : aktivum  </li>
+    </ul>
+
+    <h3>Slovesný Vid</h3>
+    <p>Poslední parametr, jež je zobrazen odpovídá slovesnému vidu a může nabývat nasledující hodnoty.</p>
+    <ul>
+        <li>P : dokonavé sloveso </li>
+        <li>I : nedokonavé sloveso  </li>
+    </ul>
+    <p>Poznámka : 7. znak nemá žádnou informační hodnotu a je zachován je z důvodu kompatibility. </p>
+
+    <h2>Zkratky rukopisů</h2>
+    <p>V následující části je k náhlednutí seznam všech rukopisů a zkratky, které je reprezentují.</p>
+    <ul>
+        <li>V : rukopis Vídeňský</li>
+        <li>H : zlomky Hanušovy</li>
+        <li>Hr : zlomky Hradecké</li>
+        <li>C : rukopis Cambridžský</li>
+        <li>F : rukopis Františkánský</li>
+        <li>O : zlomek Olomoucký</li>
+        <li>S : fragment Strahovský</li>
+        <li>K : zlomky Klementinsko-Křižovnické</li>
+        <li>M : zlomky Mnichovské</li>
+        <li>L : rukopis Lobkovický</li>
+        <li>P : rukopis Pelclův</li>
+        <li>Cr : rukopis Cerronský</li>
+        <li>Fs : rukopis Fürstenberský</li>
+        <li>Z : rukopis Zebererův</li>
+        <li>Js : vydání Pavla Ješína z Bezdězi, Praha 1620</li>
+        <li>Pl : básně připsané při Pulkavově kronice v rukopisu Litoměřickém</li>
+    </ul>
+
+    <h1>Vyhledávání</h1>
+
+    <img class="my-3" src="view/img/filter.gif" alt="Manual vyhledávání" width="100%">
+
+    <h2>Základní možnosti</h2>
+    <p>Vyhledávání je možné dle libovolných z níže uvedených parametrů. Je možné vybrat jeden nebo více parametrů a vyhledávání zobrazí poze výsledky, jež splňují všechny podmínky. Při vybrání specifických parametrů se zobrazí rozšiřující možnosti pro bližší upřesnění požadavků. U parametrů, které zobrazí tyto rozšiřující možnosti, bude tato skutečnost zdůrazněna níže v této kapitole.</p>
+
+    <h3>Lemma</h3>
+    <p>Toto vyhledávací políčko umožní vyhledávání podle sloupce lemma. Je možné zadat samotné počáteční písmeno, počáteční část slova nebo slovo celé. V případě, že výrazem, který bude zadán, je očekáván právě jeden znak, je možné použít operátor <b>_</b>. Pokud má hledaný výzar předcházet libovolný počet znaků, je možné použít operátor <b>%</b>.</p>
+
+    <h3>Slovní tvar</h3>
+    <p>Jedná se opět o otevřené políčko pro zadávání, ovšem s velkým rozdílem oproti vyhledávání lemmy. Toto políčko hledá ve sloupci Slovní tvar pouze přesné shody.</p>
+
+    <h3>Rukopisný pramen</h3>
+    <p>Toto kritérium je zadané pomocí rozbalovacího seznamu. V tomto seznamu jsou vyzobrazeny všechny prameny, jež databáze obsahuje. Je možné vybrat libovolné množství pramenů současně, přičemž při nevyplnění tohoto políčka systém automaticky bere v potaz všechny prameny. Po výběru pramenů systém najde všechny záznamy, které se nachází aspoň v jednom z vybraných pramenů. </p>
+
+    <h3>Pozice</h3>
+    <p> Toto číselné kritérium určuje pozici záznamu v dokumentu a lze zadat následujícími třemi způsoby. První způsob je zadat pouze číselnou hodnotu. V tomto případě se systém pokusí najít všechny záznamy, jejichž číselná hodnota před lomítkem je stejná. V opačném případě je možné zadat číselnou hodnotu předcházenou znakem <b>/</b>. Výsledek této operace bude vypsání všech záznamů, jež  mají zadanou hodnotu na druhé pozici, za lomítkem. Poslední způsob je zadání celé pozice, v jehož případě systém vyhledá pouze danou pozici. Tímto způsobem lze také zadat element na třetí pozici.</p>
+
+    <h3>Doplňující údaj</h3>
+    <p>Toto kritérium porovná zadaný text s obsahem sloupce Poznámka 2. Pokud je zadán pouze text nebo část textu, systém zaháji hledání této části od začátku slova ve sloupci. Pokud je požadováno, aby text předcházel právě jeden znak lze použít operátor <b>_</b>. V opačném případě kdy vyžadováno, aby text předcházelo nula až neomezeně znaků, lze použít operátor <b>%</b>.</p>
+
+    <h3>Slovní druh</h3>
+    <p>Slovní druh lze vybrat z rozbalovacího seznamu. Tato volba nejen ovlivní výsledky vyhledávání, ale také <b>umožňí volbu pokročilých možností</b>. Tyty možnosti jsou popsány v tabulce v kapitole <b>Pokročilé možnosti</b>.</p>
+
+    <h2>Pokročilé možnosti</h2>
+    <table class="mb-4 d-flex justify-content-center">
+        <tr>
+            <th class="px-4 py-2">Slovní druh</th>
+            <th class="px-4 py-2">Pád</th>
+            <th class="px-4 py-2">Číslo</th>
+            <th class="px-4 py-2">Rod</th>
+            <th class="px-4 py-2">Tvar</th>
+            <th class="px-4 py-2">Stupeň</th>
+            <th class="px-4 py-2">Druh</th>
+            <th class="px-4 py-2">Osoba</th>
+            <th class="px-4 py-2">Způsob</th>
+            <th class="px-4 py-2">Čas</th>
+            <th class="px-4 py-2">Slovesný rod</th>
+            <th class="px-4 py-2">Vid</th>
+            <th class="px-4 py-2">Neurčitý slovesný tvar</th>
+            <th class="px-4 py-2">Typ</th>
+        </tr>
+        <tr>
+            <td class="px-4 py-2">Substantivum</td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+        </tr>
+        <tr>
+            <td class="px-4 py-2">Adjektivum</td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+        </tr>
+        <tr>
+            <td class="px-4 py-2">Pronomen</td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+        </tr>
+        <tr>
+            <td class="px-4 py-2">Numeralie</td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+        </tr>
+        <tr>
+            <td class="px-4 py-2">Verbum</td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+        </tr>
+        <tr>
+            <td class="px-4 py-2">Adverbium</td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+        </tr>
+        <tr>
+            <td class="px-4 py-2">Prepozice</td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+        </tr>
+        <tr>
+            <td class="px-4 py-2">Konjunkce</td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-times required"></i></td>
+            <td class="text-center px-4 py-2"><i class="fa fa-check green"></i></td>
+        </tr>
+    </table>
+</div>
\ No newline at end of file
diff --git a/application/view/contents/manualContent.php b/application/view/contents/manualContent.php
deleted file mode 100644
index 0a36f2b..0000000
--- a/application/view/contents/manualContent.php
+++ /dev/null
@@ -1,313 +0,0 @@
-<h1>Zkratky</h1>
-<h2>Morfologické zkratky</h2>
-<p>Morfologické zkratky se skládají z 12 znaků. Pokud je znak pomlčka, znamená to, že není slovo danou morfologickou kategorii nemá, nebo nebyla zadána. Význam ostatních znaků je k náhlednutí níže.
-<h3>Slovní druh</h3>
-<p>První znak v této zkratce uznačuje slovní druh daného slova a může nabývat následujících hodnot.</p>
-<list>
-<li>N : substantivum </li>
-<li>A : adjektivum </li>
-<li>P : pronomen </li>
-<li>C : numeralie </li>
-<li>V : verbum </li>
-<li>D : adverbium </li>
-<li>R : prepozice </li>
-<li>J : konjunkce </li>
-<li>I : interjekce </li>
-<li>T : partikule </li>
-</list>
-<h3>Pád</h3>
-<p>Následující po slovní druhu je číslo v rozsahu 1 - 7, označující pád.</p>
-<list>
-<li>1 : nominativ </li>
-<li>2 : genitiv </li>
-<li>3 : dativ </li>
-<li>4 : akuzativ </li>
-<li>5 : vokativ </li>
-<li>6 : lokál </li>
-<li>7 : instrumentál </li>
-</list>
-<h3>Číslo</h3>
-<p>Třetí znak zkratky označuje číslo daného slova a může nabývat jedné z následujících hodnot.</p>
-<list>
-<li>S : singulár </li>
-<li>P : plurál </li>
-<li>D: duál </li>
-</list>
-<h3>Rod</h3>
-<p>Za znakem označující číslo se nachází znak označující rod. Tento znak může existovat v jedné z následujících podob.</p>
-<list>
-<li>M : maskulinum, </li>
-<li>F : femininum </li>
-<li>N : neutrum </li>
-</list>
-<h3>Stupeň</h3>
-<p>Znak na pátém místě informuje o stupni daného slova.</p>
-<list>
-<li>1 : 1. stupeň </li>
-<li>2 : 2. stupeň  </li>
-<li>3 : 3. stupeň </li>
-</list>
-
-<h3>Tvar</h3>
-<p>Následující znak určuje zda slovo má tvar a v případě, že ano, tak mu přiřazuje jeden ze seznamu níže. </p>
-<list>
-<li>C : tvar složený </li>
-<li>N : tvar jmenný </li>
-</list>
-<h3>Proměnný parametr</h3>
-<p>Po přeskočeném sedmém parametru, viz poznámka níže, se nachází 8 parametr. Tento parametr mění svůj význam na základě slov´ho druhu.</p>
-<h4>Substantivum </h4>
-<p>Parametr se neudává </p>
-<h4>Adjektivum </h4>
-<p>Parametr se neudává </p>
-<h4>Pronomen</h4>
-<list>
-<li>P : osobní </li>
-<li>S : přivlastňovací </li>
-<li>D : ukazovací </li>
-<li>Q : tázací </li>
-<li>J : vztažná </li>
-<li>Z : neurčitá </li>
-<li>L : vymezovací </li>
-<li>W : záporná </li>
-</list>
-<h4>Numeralie</h4>
-<p>Parametr se neudává </p>
-<h4>Verbum</h4>
-<list>
-<li>F : infinitiv </li>
-<li>D : oznamovací způsob </li>
-<li>I : rozkazovací způsob </li>
-<li>C : podmiňovací způsob </li>
-<li>S : supinum </li>
-<li>E : přechodník přítomný </li>
-<li>M : přechodník minulý </li>
-<li>A : participium perfekta aktiva </li>
-<li>P : participium perfekta pasiva </li>
-</list>
-<h4>Adverbium</h4>
-<p>Parametr se neudává </p>
-<h4>Prepozice</h4>
-<p>Parametr se neudává </p>
-<h4>Konjunkce</h4>
-<li>V : větná </li>
-<li>C : členská </li>
-<li>N : navazovací </li>
-<li>P : spojení s přechodníkem </li>
-<h4>Interjekce</h4>
-<p>Parametr se neudává </p>
-<h4>Partikule</h4>
-<p>Parametr se neudává </p>
-<h3>Osoba</h3>
-<p>Následující série parametrů má nadále význam pouze u sloves, první z této série na pozici 9 určuje osobu.</p>
-<list>
-<li>1 : 1. osoba </li>
-<li>2 : 2. osoba  </li>
-<li>3 : 3. osoba </li>
-</list>
-<h3>Čas</h3>
-<p>Další, v pořadí desátý parametr, určuje čas daného slovesa.</p>
-<list>
-<li>P : přítomný čas </li>
-<li>A : aorist  </li>
-<li>R : préteritum </li>
-<li>I : imperfektum </li>
-<li>H : předminulý čas  </li>
-<li>F : budoucí čas </li>
-</list>
-<h3>Slovesný Rod</h3>
-<p>Předposlední parametr určuje slovesný rod a může nabývat následujících hodnot.</p>
-<list>
-<li>P : pasivum </li>
-<li>A : aktivum  </li>
-</list>
-<h3>Slovesný Vid</h3>
-<p>Poslední parametr, jež je zobrazen odpovídá slovesnému vidu a může nabývat nasledující hodnoty.</p>
-<list>
-<li>P : dokonavé sloveso </li>
-<li>I : nedokonavé sloveso  </li>
-</list>
-<p>Poznámka : 7. znak nemá žádnou informační hodnotu a je zachován je z důvodu kompatibility. </p>
-<h2>Zkratky rukopisů</h2>
-<p>V následující části je k náhlednutí seznam všech rukopisů a zkratky, které je reprezentují.</p>
-<list>
-<li>V : rukopis Vídeňský</li>
-<li>H : zlomky Hanušovy</li>
-<li>Hr : zlomky Hradecké</li>
-<li>C : rukopis Cambridžský</li>
-<li>F : rukopis Františkánský</li>
-<li>O : zlomek Olomoucký</li>
-<li>S : fragment Strahovský</li>
-<li>K : zlomky Klementinsko-Křižovnické</li>
-<li>M : zlomky Mnichovské</li>
-<li>L : rukopis Lobkovický</li>
-<li>P : rukopis Pelclův</li>
-<li>Cr : rukopis Cerronský</li>
-<li>Fs : rukopis Fürstenberský</li>
-<li>Z : rukopis Zebererův</li>
-<li>Js : vydání Pavla Ješína z Bezdězi, Praha 1620</li>
-<li>Pl : básně připsané při Pulkavově kronice v rukopisu Litoměřickém</li>
-</list>
-<h1>Vyhledávání</h1>
-<h2>Základní možnosti</h2>
-<p>Vyhledávání je možné dle libovolných z níže uvedených parametrů. Je možné vybrat jeden nebo více parametrů a vyhledávání zobrazí poze výsledky, jež splňují všechny podmínky. Při vybrání specifických parametrů se zobrazí rozšiřující možnosti pro bližší upřesnění požadavků. U parametrů, které zobrazí tyto rozšiřující možnosti, bude tato skutečnost zdůrazněna níže v této kapitole.</p>
-<h3>Lemma</h3>
-<p>Toto vyhledávací políčko umožní vyhledávání podle sloupce lemma. Je možné zadat samotné počáteční písmeno, počáteční část slova nebo slovo celé. V případě, že výrazem, který bude zadán, je očekáván právě jeden znak, je možné použít operátor <b>_</b>. Pokud má hledaný výzar předcházet libovolný počet znaků, je možné použít operátor <b>%</b>.</p>
-<h3>Slovní tvar</h3>
-<p>Jedná se opět o otevřené políčko pro zadávání, ovšem s velkým rozdílem oproti vyhledávání lemmy. Toto políčko hledá ve sloupci Slovní tvar pouze přesné shody.</p>
-<h3>Rukopisný pramen</h3>
-<p>Toto kritérium je zadané pomocí rozbalovacího seznamu. V tomto seznamu jsou vyzobrazeny všechny prameny, jež databáze obsahuje. Je možné vybrat libovolné množství pramenů současně, přičemž při nevyplnění tohoto políčka systém automaticky bere v potaz všechny prameny. Po výběru pramenů systém najde všechny záznamy, které se nachází aspoň v jednom z vybraných pramenů. </p>
-<h3>Pozice</h3>
-<p> Toto číselné kritérium určuje pozici záznamu v dokumentu a lze zadat následujícími třemi způsoby. První způsob je zadat pouze číselnou hodnotu. V tomto případě se systém pokusí najít všechny záznamy, jejichž číselná hodnota před lomítkem je stejná. V opačném případě je možné zadat číselnou hodnotu předcházenou znakem <b>/</b>. Výsledek této operace bude vypsání všech záznamů, jež  mají zadanou hodnotu na druhé pozici, za lomítkem. Poslední způsob je zadání celé pozice, v jehož případě systém vyhledá pouze danou pozici. Tímto způsobem lze také zadat element na třetí pozici.</p>
-<h3>Doplňující údaj</h3>
-<p>Toto kritérium porovná zadaný text s obsahem sloupce Poznámka 2. Pokud je zadán pouze text nebo část textu, systém zaháji hledání této části od začátku slova ve sloupci. Pokud je požadováno, aby text předcházel právě jeden znak lze použít operátor <b>_</b>. V opačném případě kdy vyžadováno, aby text předcházelo nula až neomezeně znaků, lze použít operátor <b>%</b>.</p>
-<h3>Slovní druh</h3>
-<p>Slovní druh lze vybrat z rozbalovacího seznamu. Tato volba nejen ovlivní výsledky vyhledávání, ale také <b>umožňí volbu pokročilých možností</b>. Tyty možnosti jsou popsány v tabulce v kapitole <b>Pokročilé možnosti</b>.</p>
-
-<h2>Pokročilé možnosti</h2>
-<h3>Slovní druh</h3>
-<table>
-<tr>
-	<td>Slovní druh</td>
-	<td>Pád</td>
-	<td>Číslo</td>
-	<td>Rod</td>
-	<td>Tvar</td>
-	<td>Stupeň</td>
-	<td>Druh</td>
-	<td>Osoba</td>
-	<td>Způsob</td>
-	<td>Čas</td>
-	<td>Slovesný rod</td>
-	<td>Vid</td>
-	<td>Neurčitý Slovesný Tvar</td>
-	<td>Typ</td>
-</tr>
-<tr>
-	<td>Substantivum </td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-</tr>
-<tr>
-	<td>Adjektivum</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-</tr>
-<tr>
-	<td>Pronomen</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ne</td>
-	<td>Ano</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-</tr>
-	<td>Numeralie</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-<tr>
-	<td>Verbum</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ano</td>
-	<td>Ne</td>
-</tr>
-<tr>
-	<td>Adverbium</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ano</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-</tr>
-<tr>
-	<td>Prepozice</td>
-	<td>Ano</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-</tr>
-<tr>
-	<td>Konjunkce</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ne</td>
-	<td>Ano</td>
-</tr>
-</table>
-<img src="view/img/filter.gif" alt="Manual vyhledávání">
\ No newline at end of file
diff --git a/application/view/contents/materialContent.html b/application/view/contents/materialContent.html
index c16669b..3678cfd 100644
--- a/application/view/contents/materialContent.html
+++ b/application/view/contents/materialContent.html
@@ -1,3 +1,3 @@
-<div>
-Webová aplikace indexu slov a tvarů Staročeské kroniky tak řečeného Dalimila zpřístupňuje slova a slovní tvary, které jsou doloženy v dochovaných textových pramenech této staročeské památky. Index vychází z lístkové kartotéky slov vytvořené prof. Jiřím Daňhelkou (54 482 lístky) v souvislosti s přípravou vydání edice (Daňhelka, J.; Hádek, K.; Kvítková, N.: <span style="font-style: italic">Staročeská kronika tak řečeného Dalimila. 1, 2 Vydání textu a veškerého textového materiálu</span>. Praha: Academia: 1988). Zahrnuje všechna doložená slova a jejich slovní tvary, a to v transkribované podobě, jejich morfologickou charakteristiku, údaj o textových pramenech, v nichž se tvary nachází, přesnou lokaci (číslo kapitoly, číslo verše). V položce doplňující údaj je uveden případný odkaz k variantní formě lexému, u slovesných tvarů je údaj o doložené konstrukční spojitelnosti (valenci), výjimečně také o spojitelnosti sémantické. Poznámky připojené k jednotlivým tvarům upozorňují na písařskou či opisovačskou chybu nebo upozorňují na úplné čtení dokladu.
+<div class="col-xs-12 col-sm-10 m-auto">
+    Webová aplikace indexu slov a tvarů Staročeské kroniky tak řečeného Dalimila zpřístupňuje slova a slovní tvary, které jsou doloženy v dochovaných textových pramenech této staročeské památky. Index vychází z lístkové kartotéky slov vytvořené prof. Jiřím Daňhelkou (54 482 lístky) v souvislosti s přípravou vydání edice (Daňhelka, J.; Hádek, K.; Kvítková, N.: <span style="font-style: italic">Staročeská kronika tak řečeného Dalimila. 1, 2 Vydání textu a veškerého textového materiálu</span>. Praha: Academia: 1988). Zahrnuje všechna doložená slova a jejich slovní tvary, a to v transkribované podobě, jejich morfologickou charakteristiku, údaj o textových pramenech, v nichž se tvary nachází, přesnou lokaci (číslo kapitoly, číslo verše). V položce doplňující údaj je uveden případný odkaz k variantní formě lexému, u slovesných tvarů je údaj o doložené konstrukční spojitelnosti (valenci), výjimečně také o spojitelnosti sémantické. Poznámky připojené k jednotlivým tvarům upozorňují na písařskou či opisovačskou chybu nebo upozorňují na úplné čtení dokladu.
 </div>
\ No newline at end of file
diff --git a/application/view/contents/userManualContent.html b/application/view/contents/userManualContent.html
new file mode 100644
index 0000000..25d3a53
--- /dev/null
+++ b/application/view/contents/userManualContent.html
@@ -0,0 +1,22 @@
+<div class="col-xs-12 col-sm-10 m-auto">
+    <h1>Manuál správy uživatelů</h1>
+    <h2>Vytvoření uživatele</h2>
+    <p>Na stránce lze vidět tabulku uživatelů, kde je zobrazeno jméno a role uživatele. Na vrcholu této tabulky lze vidět tlačítko "+". Po kliknutí na toto tlačitko se otevře dialog pro tvorbu uživatele.</p>
+    <h3>Uživatelské jméno</h3>
+    <p>Uživatelské jméno je jméno, pod kterým se bude uživatel přihlašovat, může obsahovat libovolné písmena, čísla a speciální znaky s výjimkou netisknutelných znaků</p>
+    <h3>Heslo</h3>
+    <p>Heslo, se kterým se bude uživatel přihlašovat, může obsahovat libovolné písmena, čísla a speciální znaky s výjimkou netisknutelných znaků. Jako jediný parametr je nepovinný, <em style="color: #ff0000">nicméně jeho opomění představuje vážné bezpečností riziko a je vysoce dopuručené parametr vyplnit.</em></p>
+    <h3>Práva</h3>
+    <h4>Admin</h4>
+    <p>Admin je uživatel s maximálními právy. Může přijímat žádosti o úpravu databáze, ale zároveň může také vytvářet, spravovat a <em style="color: #ff0000"> mazat ostatní uživatele a proto je důrazně doporučeno udělovat tuto roli pouze uživatelům, jež jsou důvěryhodní a správa uživatelů bude náplní jejich práce.</em> V opačném případě stojí za zvážení role editor,</p>
+    <h4>Editor</h4>
+    <p>Editor je uživatel, jež může přijímat žádosti o úpravu databáze. Tato role je doporučena pro většinu uživatelů, jež budou součástí projektu, jelikož nehrozí smazání ostatních uživatelů.  <em style="color: #ff0000">Je třeba brát na vědomí, že tato role stále umožňuje těžké požkození, či naprosté smazání dat.</em></p>
+    <img class="my-3" src="view/img/users.gif" alt="Manual vyhledávání" width="100%">
+
+    <h2>Správa uživatele</h2>
+    <p>Fukcionalita popsaná níže je dostupná pouze pokud jste přihlášen/a <b>pod účtem s právy admina.</b></p>
+    <h3>Editace uživatele</h3>
+    <p>Ve třetím sloupci tabulky je možné nalézt dvě tlačitka u všech uživatelů, kromě Vašeho aktuálního účtu. První tlačitko se znakem <i class='fa fa-pencil'></i> slouží k editaci uživatele. Po kliknutí toho tlačítko vyskočí vyskakovací okénko, kde je možné změnit práva uživatele. Pro bližší podrobnosti k jednotlivým rolím lze náhlednou do sekce o právech v kapitole o vytváření uživatele.</p>
+    <h3>Mazání uživatele</h3>
+    <p>Mazání uživatele se také nachází ve třetím sloupci tabulky. Zde je možné kliknout na tlačítko <i class='fa fa-trash'></i>. Touto akcí se otevře dialogové okénko, které vyžaduje potvrzení. Po kliknutí na tlačítko <i>Ano</i> bude uživatel <em style="color: #ff0000">nenávratně smazán</em>.</p>
+</div>
\ No newline at end of file
diff --git a/application/view/contents/userManualContent.php b/application/view/contents/userManualContent.php
deleted file mode 100644
index f634cf7..0000000
--- a/application/view/contents/userManualContent.php
+++ /dev/null
@@ -1,20 +0,0 @@
-<h1>Manuál správy uživatelů</h1>
-<h2>Vytvoření uživatele</h2>
-<p>Na stránce lze vidět tabulku uživatelů, kde je zobrazeno jméno a role uživatele. Na vrcholu této tabulky lze vidět tlačítko "+". Po kliknutí na toto tlačitko se otevře dialog pro tvorbu uživatele.</p>
-<h3>Uživatelské jméno</h3>
-<p>Uživatelské jméno je jméno, pod kterým se bude uživatel přihlašovat, může obsahovat libovolné písmena, čísla a speciální znaky s výjimkou netisknutelných znaků</p>
-<h3>Heslo</h3>
-<p>Heslo, se kterým se bude uživatel přihlašovat, může obsahovat libovolné písmena, čísla a speciální znaky s výjimkou netisknutelných znaků. Jako jediný parametr je nepovinný, <em style="color: #ff0000">nicméně jeho opomění představuje vážné bezpečností riziko a je vysoce dopuručené parametr vyplnit.</em></p>
-<h3>Práva</h3>
-<h4>Admin</h4>
-<p>Admin je uživatel s maximálními právy. Může přijímat žádosti o úpravu databáze, ale zároveň může také vytvářet, spravovat a <em style="color: #ff0000"> mazat ostatní uživatele a proto je důrazně doporučeno udělovat tuto roli pouze uživatelům, jež jsou důvěryhodní a správa uživatelů bude náplní jejich práce.</em> V opačném případě stojí za zvážení role editor,</p>
-<h4>Editor</h4>
-<p>Editor je uživatel, jež může přijímat žádosti o úpravu databáze. Tato role je doporučena pro většinu uživatelů, jež budou součástí projektu, jelikož nehrozí smazání ostatních uživatelů.  <em style="color: #ff0000">Je třeba brát na vědomí, že tato role stále umožňuje těžké požkození, či naprosté smazání dat.</em></p>
-<img src="view/img/users.gif" alt="Manual vyhledávání">
-
-<h2>Správa uživatele</h2>
-<p>Fukcionalita popsaná níže je dostupná pouze pokud jste přihlášen/a <b>pod účtem s právy admina.</b></p>
-<h3>Editace uživatele</h3>
-<p>Ve třetím sloupci tabulky je možné nalézt dvě tlačitka u všech uživatelů, kromě Vašeho aktuálního účtu. První tlačitko se znakem <i class='fa fa-pencil'></i> slouží k editaci uživatele. Po kliknutí toho tlačítko vyskočí vyskakovací okénko, kde je možné změnit práva uživatele. Pro bližší podrobnosti k jednotlivým rolím lze náhlednou do sekce o právech v kapitole o vytváření uživatele.</p>
-<h3>Mazání uživatele</h3>
-<p>Mazání uživatele se také nachází ve třetím sloupci tabulky. Zde je možné kliknout na tlačítko <i class='fa fa-trash'></i>. Touto akcí se otevře dialogové okénko, které vyžaduje potvrzení. Po kliknutí na tlačítko <i>Ano</i> bude uživatel <em style="color: #ff0000">nenávratně smazán</em>.</p>
\ No newline at end of file
diff --git a/application/view/style.css b/application/view/style.css
index 74ed76d..7435abb 100644
--- a/application/view/style.css
+++ b/application/view/style.css
@@ -36,6 +36,10 @@ html, body, .container-fluid {
   color: red;
 }
 
+.green {
+  color: green;
+}
+
 .menu {
   min-height: 2.5em;
   overflow: auto;
