adding bootstrap flex classes

fedora-infra · Mar 2, 2022 · 736d5f7 · 736d5f7
1 parent 445b524
commit 736d5f7
Show file tree

Hide file tree

Showing 5 changed files with 10 additions and 84 deletions.
diff --git a/src/mote/main.py b/src/mote/main.py
@@ -230,7 +230,7 @@ def teamspage():
             data = yaml.safe_load(stream)
         except yaml.YAMLError as exc:
             logging.error("exc")
-    return render_template("teams.html", teamdata=data)
+    return render_template("teams.html", teamdata=data, length=len(data))
 
 
 if __name__ == "__main__":

diff --git a/src/mote/static/css3/fragment.css b/src/mote/static/css3/fragment.css
@@ -190,7 +190,4 @@ hr {
     text-transform: none;
 
   }
-
-  .form-check-input {
-    margin-left: 780px;
-  }
+
diff --git a/src/mote/templates/mainpage.html b/src/mote/templates/mainpage.html
@@ -58,7 +58,7 @@
                             </a>
                         </li>
                         <li class="nav-item">
-                            <a class="nav-link" type="button" href="#">
+                            <a class="nav-link" type="button" href="/teams">
                                 Meetings by Group
                             </a>
                         </li>

diff --git a/src/mote/templates/teams.html b/src/mote/templates/teams.html
@@ -64,7 +64,7 @@
                         </a>
                     </li>
                     <li class="nav-item">
-                        <a class="nav-link" type="button" href="#">
+                        <a class="nav-link" type="button" href="">
                             Meetings by Group
                         </a>
                     </li>
@@ -94,17 +94,17 @@
                 <div class="mt-4">
                     <br><br>
                     <div class="checkbox">
-                        <div class="d-flex">
-                            <div class="p-2 flex-fill "> <i class="fa fa-users" aria-hidden="true"></i> Meetings by Group</div>
-                            <div class="p-2 flex-fill"> <input class="form-check-input" type="checkbox"> Hide inactive</div>
+                        <div class="d-flex justify-content-between">
+                        <div><i class="fa fa-users" aria-hidden="true"></i> Meetings by Group</div>
+                        <div><input class="form-check-input" type="checkbox"> Hide inactive</div>
                         </div>
                     </div>
                 </div>
             </div>
                     <br><br>
                     <div class="card">
                         <div class="card-header">
-                            23 Groups
+                            {{length}} Groups
                         </div>
                         <table class="table">
                             <tbody>
@@ -117,8 +117,8 @@
                                         </item>
                                         <div class="btn-group" role="group"
                                             aria-label="Basic checkbox toggle button group">
-                                            <input type="checkbox" class="btn-check" id="btncheck1" autocomplete="off">
-                                            <label class="btn btn-outline-primary" for="btncheck1"><i
+                                            <input type="checkbox" class="btn-check" autocomplete="off">
+                                            <label class="btn btn-outline-primary" ><i
                                                     class="far fa-calendar-alt"></i> 15 Nov 2021</label>
                                         </div>
                                     </td>

diff --git a/src/mote/test.py b/src/mote/test.py