webui: Reduce whitespace at page edges, other minor layout/css tweaks

justinclift · justinclift · commit b17f51230cb9 · 2023-03-11T14:46:30.000+11:00
diff --git a/webui/templates/branches.html b/webui/templates/branches.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row" ng-if="statusMessage != ''">
         <div class="col-md-12">
diff --git a/webui/templates/commits.html b/webui/templates/commits.html
@@ -4,11 +4,11 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row">
         <div class="col-md-12">
-            <div class="pull-left">
+            <div style="text-align: center; margin: 1% 0">
                 <span data-cy="commithist">Commit history for branch</span>
                 <span class="dropdown">
                     <span class="btn-group" uib-dropdown keyboard-nav="true">
@@ -25,7 +25,6 @@
                     </span>
                 </span>
             </div>
-            <br /><br />
         </div>
     </div>
     <div class="row" ng-if="statusMessage != ''">
diff --git a/webui/templates/compare.html b/webui/templates/compare.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row">
         <div class="col-md-1" style="padding: 0;">&nbsp;</div>
diff --git a/webui/templates/confirmdelete.html b/webui/templates/confirmdelete.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-1">
             &nbsp;
diff --git a/webui/templates/contributors.html b/webui/templates/contributors.html
@@ -4,10 +4,11 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row">
-        <div class="col-md-12">
+        <div class="col-md-2">&nbsp;</div>
+        <div class="col-md-8">
             <div style="border: 1px solid #DDD; border-radius: 7px; margin-bottom: 10px; padding-bottom: 0;">
                 <table class="table table-striped table-responsive" style="margin-bottom: 0;">
                     <thead>
@@ -31,6 +32,7 @@
                 </table>
             </div>
         </div>
+        <div class="col-md-2">&nbsp;</div>
     </div>
 </div>
 [[ template "script_db_header" . ]]
diff --git a/webui/templates/createbranch.html b/webui/templates/createbranch.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-1">
             &nbsp;
diff --git a/webui/templates/creatediscuss.html b/webui/templates/creatediscuss.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row">
         <div class="col-md-1" style="padding: 0;">&nbsp;</div>
diff --git a/webui/templates/createtag.html b/webui/templates/createtag.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-1">
             &nbsp;
diff --git a/webui/templates/database.html b/webui/templates/database.html
@@ -14,7 +14,7 @@
     }
 </style>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     [[ if or (ne .DB.Info.OneLineDesc "No description") ((ne .DB.Info.SourceURL "")) ]]
         <div class="row">
diff --git a/webui/templates/diffs.html b/webui/templates/diffs.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row" ng-if="statusMessage != ''">
         <div class="col-md-12">
diff --git a/webui/templates/discussioncomments.html b/webui/templates/discussioncomments.html
@@ -4,14 +4,13 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row">
         <div class="col-md-12">
-            <div class="pull-left">
+            <div style="text-align: center; margin-top: 1%; margin-bottom: 1%">
                 <button class="btn btn-success" ng-click="createDiscussion()">Start a new discussion</button>
             </div>
-            <br /><br />
         </div>
     </div>
     <div class="row" ng-if="statusMessage != ''">
diff --git a/webui/templates/discussionlist.html b/webui/templates/discussionlist.html
@@ -4,18 +4,17 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row">
         <div class="col-md-12">
-            <div class="pull-left">
+            <div style="text-align: center; margin-top: 1%; margin-bottom: 1%">
                 <button class="btn btn-success" ng-click="createDiscussion()">Start a new discussion</button>
                 <div class="btn-group">
                     <label class="btn btn-default" ng-model="radioOpen" ng-click="openClick('true')" uib-btn-radio="true">Open</label>
                     <label class="btn btn-default" ng-model="radioOpen" ng-click="openClick('false')" uib-btn-radio="false">Closed</label>
                 </div>
             </div>
-            <br /><br />
         </div>
     </div>
     <div class="row" ng-if="statusMessage != ''">
diff --git a/webui/templates/footer.html b/webui/templates/footer.html
@@ -1,5 +1,5 @@
 [[ define "footer" ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-12">
             <table class="table table-responsive" style="text-align: center;">
diff --git a/webui/templates/forks.html b/webui/templates/forks.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-1">
             &nbsp;
diff --git a/webui/templates/header.html b/webui/templates/header.html
@@ -1,5 +1,5 @@
 [[ define "header" ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div style="margin-left: 0.5%; margin-right: 0.5%; padding-left: 0.5%; padding-right: 0.5%;">
     <div class="row" style="padding-top: 8px;">
         <div id="logo" class="col-md-6">
             <div class="pull-left">
diff --git a/webui/templates/mergerequestcomments.html b/webui/templates/mergerequestcomments.html
@@ -4,14 +4,13 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row">
         <div class="col-md-12">
-            <div class="pull-left">
+            <div style="text-align: center; margin-top: 1%; margin-bottom: 1%">
                 <button class="btn btn-success" ng-click="createMR()">New Merge Request</button>
             </div>
-            <br /><br />
         </div>
     </div>
     <div class="row" ng-if="statusMessage != ''">
diff --git a/webui/templates/mergerequestlist.html b/webui/templates/mergerequestlist.html
@@ -4,19 +4,17 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row">
         <div class="col-md-12">
-            <div class="pull-left">
+            <div style="text-align: center; margin-top: 1%; margin-bottom: 1%">
                 <button class="btn btn-success" ng-click="createMR()">New Merge Request</button>
                 <div class="btn-group">
                     <label class="btn btn-default" ng-model="radioOpen" ng-click="openClick('true')" uib-btn-radio="true">Open</label>
                     <label class="btn btn-default" ng-model="radioOpen" ng-click="openClick('false')" uib-btn-radio="false">Closed</label>
                 </div>
-
             </div>
-            <br /><br />
         </div>
     </div>
     <div class="row" ng-if="statusMessage != ''">
diff --git a/webui/templates/preferences.html b/webui/templates/preferences.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-3">
             &nbsp;
diff --git a/webui/templates/profile.html b/webui/templates/profile.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row" style="margin-bottom: 10px;">
         <div class="col-md-12">
             <h2 id="viewuser" style="margin-top: 10px;">
diff --git a/webui/templates/releases.html b/webui/templates/releases.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row" ng-if="statusMessage != ''">
         <div class="col-md-12">
diff --git a/webui/templates/root.html b/webui/templates/root.html
@@ -28,7 +28,7 @@
     }
 </style>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-12">
             <div class="col-md-6 vcenter" style="text-align: right;">
diff --git a/webui/templates/selectusername.html b/webui/templates/selectusername.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-3">
             &nbsp;
diff --git a/webui/templates/settings.html b/webui/templates/settings.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row" ng-if="statusMessage != ''">
         <div class="col-md-12">
@@ -148,9 +148,9 @@ <h3>Share Database</h3>
                 <table class="table table-striped table-responsive settingsTable">
                     <thead>
                         <tr>
-                            <th style="text-align: center;" width="50%">User</th>
-                            <th style="text-align: center;" width="30%">Permissions</th>
-                            <th style="text-align: center;">
+                            <th style="text-align: center; width: 30%">User</th>
+                            <th style="text-align: center; width: 30%">Permissions</th>
+                            <th style="text-align: center; width: 40%">
                                 <div class="input-group">
                                     <span class="input-group-addon"><i class="glyphicon glyphicon-user"></i></span>
                                     <input id="addShareUserName" type="text" class="form-control" name="addShareUserName" placeholder="Username" data-cy="usernameinput">
@@ -164,7 +164,7 @@ <h3>Share Database</h3>
                     </thead>
                     <tbody>
                         <tr ng-repeat="(user, access) in meta.Shares">
-                            <td style="vertical-align: middle; border-style: none;" width="50%">
+                            <td style="vertical-align: middle; border-style: none; width: 30%">
                                 <div style="text-align: center;" data-cy="shareuser-{{ user }}">{{ user }}</div>
                             </td>
                             <td style="vertical-align: middle; text-align: center; border-style: none;">
@@ -244,12 +244,12 @@ <h3>Full length description</h3>
             <div class="col-md-2">
                 &nbsp;
             </div>
-            <div class="col-md-8">
+            <div class="col-md-8" style="border: 5px dashed #d22c29; margin-bottom: 2%; border-radius: 10px">
                 <h3 style="text-align: center;">Destructive options</h3>
                 <div style="font-size: large; text-align: center; font-style: italic;">Be careful with this...!</div>
                 <br />
                 <form action="" method="post">
-                    <div style="text-align: center;">
+                    <div style="text-align: center; margin-bottom: 3%">
                         <button type="button" class="btn btn-danger" ng-click="confirmDelete()" data-cy="delbtn">Delete database</button>
                     </div>
                 </form>
diff --git a/webui/templates/stars.html b/webui/templates/stars.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-2">
             &nbsp;
diff --git a/webui/templates/tags.html b/webui/templates/tags.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row" ng-if="statusMessage != ''">
         <div class="col-md-12">
diff --git a/webui/templates/updates.html b/webui/templates/updates.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row" style="margin-bottom: 10px;">
         <div class="col-md-12">
             <h2 id="viewuser" style="margin-top: 10px;">
diff --git a/webui/templates/upload.html b/webui/templates/upload.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-1">
             &nbsp;
diff --git a/webui/templates/user.html b/webui/templates/user.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row" style="margin-bottom: 10px;">
         <div class="col-md-12">
             <h2 id="viewuser" style="margin-top: 10px;">
diff --git a/webui/templates/visualise.html b/webui/templates/visualise.html
@@ -5,9 +5,10 @@
 <body>
 <script src="/js/plotly-basic-2.18.2.min.js"></script>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div id="db-header-root"></div>
     <div class="row" style="padding-bottom: 10px;">
+        <div class="col-md-1">&nbsp;</div>
         <div class="col-md-10">
             <span class="pull-left">
                 <div class="dropdown">
@@ -38,10 +39,11 @@
                 </div>
             </span>
         </div>
+        <div class="col-md-1">&nbsp;</div>
     </div>
     <div class="row">
-        <div class="col-md-2">&nbsp;</div>
-        <div class="col-md-8">
+        <div class="col-md-1">&nbsp;</div>
+        <div class="col-md-10">
             <uib-tabset>
                 <!-- User defined SQL tab -->
                 <uib-tab index="0">
@@ -155,7 +157,7 @@
                 </uib-tab>-->
             </uib-tabset>
         </div>
-        <div class="col-md-2">&nbsp;</div>
+        <div class="col-md-1">&nbsp;</div>
     </div>
     <div style="text-align: center; margin-top: 1%">
         <input type="submit" class="btn" value="Download as CSV" ng-click="downloadResults()">
diff --git a/webui/templates/watchers.html b/webui/templates/watchers.html
@@ -4,7 +4,7 @@
 [[ template "head" . ]]
 <body>
 [[ template "header" . ]]
-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">
+<div>
     <div class="row">
         <div class="col-md-2">
             &nbsp;

Original file line number	Diff line number	Diff line change
`@@ -14,7 +14,7 @@`
`14`	`14`	`}`
`15`	`15`	`</style>`
`16`	`16`	`[[ template "header" . ]]`
`17`		`-<div style="margin-left: 2%; margin-right: 2%; padding-left: 2%; padding-right: 2%;">`
	`17`	`+<div>`
`18`	`18`	`<div id="db-header-root"></div>`
`19`	`19`	`[[ if or (ne .DB.Info.OneLineDesc "No description") ((ne .DB.Info.SourceURL "")) ]]`
`20`	`20`	`<div class="row">`