HDDS-2156. Fix alignment issues in HDDS doc pages

Signed-off-by: Anu Engineer <aengineer@apache.org>

hadoop-hdds/docs/content/security/SecurityAcls.md

@@ -2,7 +2,8 @@
 title: "Ozone ACLs"
 date: "2019-April-03"
 weight: 6
-summary: Native ACL support provides ACL functionality without Ranger integration.
+summary: Native Ozone Authorizer provides Access Control List (ACL) support for Ozone without Ranger integration.
+icon: transfer
 ---
 <!---
   Licensed to the Apache Software Foundation (ASF) under one or more

hadoop-hdds/docs/content/security/_index.md

@@ -23,7 +23,7 @@ weight: 5
     -->
 
 {{<jumbotron title="Securing Ozone">}}
-          Ozone is an enterprise class, secure storage system. There many
+          Ozone is an enterprise class, secure storage system. There are many
           optional security features in Ozone. Following pages discuss how
           you can leverage the security features of Ozone.
 {{</jumbotron>}}

hadoop-hdds/docs/themes/ozonedoc/layouts/_default/section.html

@@ -24,28 +24,39 @@
     <div class="row">
         {{ partial "sidebar.html" . }}
         <div class="col-sm-10 col-sm-offset-2 col-md-10 col-md-offset-2 main">
+            <div class="col-md-9">
                 <h1>{{ .Title }}</h1>
+            </div>
             <div class="col-md-9">
                 {{ .Content }}
                 {{.Params.card}}
                 {{ if not (eq .Params.cards "false")}}
-          {{ range .Pages }}
+                {{ range $page_index, $page_val := .Pages }}
 
+                {{ $page_count := len .Pages }}
+                {{if (eq (mod $page_index 2) 0)}}
+                <div class="row">
+                    {{end}}
                     <div class="col-sm-6">
                         <div class="card">
                             <div class="card-body">
                                 <h2 class="card-title">
                                     {{ with .Params.Icon}}
-                    <span class="glyphicon glyphicon-{{.}}" aria-hidden="true"></span>
+                                    <span class="glyphicon glyphicon-{{.}}"
+                                          aria-hidden="true"></span>
                                     {{end}}
                                     {{ .LinkTitle }}
                                 </h2>
                                 <p class="card-text">{{.Summary}}</p>
-                <a href="{{.Permalink}}" class=" btn btn-primary btn-lg">{{.LinkTitle}}</a>
+                                <a href="{{.Permalink}}"
+                                   class=" btn btn-primary btn-lg">{{.LinkTitle}}</a>
                             </div>
                         </div>
                     </div>
 
+                    {{if (or (eq (mod $page_index 2) 1) (eq $page_index (sub $page_count 1)))}}
+                        </div>
+                    {{end}}
                 {{ end }}
                 {{end}}
             </div>

hadoop-hdds/docs/themes/ozonedoc/layouts/_default/single.html

@@ -36,7 +36,9 @@
                 </ol>
               </nav>
 
+          <div class="col-md-9">
             <h1>{{.Title}}</h1>
+          </div>
 
           {{ .Content }}
 

hadoop-hdds/docs/themes/ozonedoc/static/css/ozonedoc.css

@@ -160,6 +160,9 @@ h4 {
   padding: 30px;
 }
 
+h1 {
+  margin-bottom: 20px;
+}
 
 .card {
   padding: 20px;