Responsive queue page

2020-02-25 11:08:27 -05:00
parent ef3370b940
commit 1c06fbbc32
8 changed files with 32 additions and 16 deletions
@@ -9,6 +9,6 @@
   class="btn btn-outline-secondary @{if (xs) {<text>btn-sm</text>}} @{if (disabled) {<text>disabled</text>}}"
   role="button"
   @{if (disabled) {<text>title="No chart has been generated"</text>}} > 
-    <span class="fa fa-line-chart"></span>
-    Chart
+    <span class="fa fa-line-chart" title="Charts"></span>
+    <span class="d-none d-sm-inline">Charts</span>
 </a>
@@ -1,3 +1,4 @@
@using LeafWeb.Core.Utility
@model string
-<span class="status status-@Model.ToLower()">@Model.SplitCamelCase()</span>
+<span class="status status-@Model.ToLower() d-none d-md-inline" title="@Model.SplitCamelCase()">@Model.SplitCamelCase()</span>
+<span class="status status-@Model.ToLower() d-inline d-md-none" title="@Model.SplitCamelCase()"></span>
@@ -21,4 +21,4 @@
 }

@Html.Password("", ViewData.TemplateInfo.FormattedModelValue, htmlAttributes)
-<p class="text-right pt-0 small">Forgot password? <a href="/membership/password-reset-request" class="small">Reset here</a></p>
+<p class="text-right pt-0 small"><a href="/membership/password-reset-request" class="small">Forgot password?</a></p>
@@ -1,13 +1,13 @@
@if (TempData.ContainsKey("StatusMessage"))
 {
-    <p class="alert @Html.Raw(TempData["StatusMessage-Type"])">
+    <p class="alert @Html.Raw(TempData["StatusMessage-Type"]) alert-dismissible fade show">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        @Html.Raw(TempData["StatusMessage"])
    </p>
 }
 else if (ViewBag.StatusMessage != null)
 {
-    <p class="alert">
+    <p class="alert alert-dismissible fade show">
        <button type="button" class="close" data-dismiss="alert" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        @ViewBag.StatusMessage
    </p>