Bug #1765276: Working through pages to match demo site

behatnotneeded

Change-Id: Ie0addc1d6181aa96faf16ab56d3f8c2dee35e36e

htdocs/theme/raw/plugintype/artefact/blog/templates/bloglist.tpl

 {foreach from=$blogs->data item=blog}
 <div class="card {if $blog->locked}card bg-warning{else} card-secondary{/if} blog card-half">
-    <h3 class="card-heading has-link">
+    <h3 class="card-header has-link">
         <a class="title-link title" href="{$WWWROOT}artefact/blog/view/index.php?id={$blog->id}">
         {$blog->title}
         {if $blog->postcount == 0}

htdocs/theme/raw/plugintype/artefact/resume/templates/fragments/book.tpl

 {if $controls}
 <div class="card card-secondary">
     {if !$hidetitle}
-    <h3 class="resumeh3 card-heading">
+    <h3 class="resumeh3 card-header">
         {str tag='book' section='artefact.resume'}
         {contextualhelp plugintype='artefact' pluginname='resume' section='addbook'}
     </h3>{/if}

htdocs/theme/raw/plugintype/artefact/resume/templates/fragments/certification.tpl

 {if $controls}
 <div class="card card-secondary">
     {if !$hidetitle}
-    <h3 class="resumeh3 card-heading">
+    <h3 class="resumeh3 card-header">
         {str tag='certification' section='artefact.resume'}
         {contextualhelp plugintype='artefact' pluginname='resume' section='addcertification'}
     </h3>

htdocs/theme/raw/plugintype/artefact/resume/templates/fragments/educationhistory.tpl

 {if $controls}
 <div class="card card-secondary">
     {if !$hidetitle}
-    <h3 class="resumeh3 card-heading">
+    <h3 class="resumeh3 card-header">
         {str tag='educationhistory' section='artefact.resume'}
         {contextualhelp plugintype='artefact' pluginname='resume' section='addeducationhistory'}
     </h3>

htdocs/theme/raw/plugintype/artefact/resume/templates/fragments/employmenthistory.tpl

 {if $controls}
 <div class="card card-secondary">
     {if !$hidetitle}
-    <h3 class="resumeh3 card-heading">
+    <h3 class="resumeh3 card-header">
         {str tag='employmenthistory' section='artefact.resume'}
         {contextualhelp plugintype='artefact' pluginname='resume' section='addemploymenthistory'}
     </h3>

htdocs/theme/raw/plugintype/artefact/resume/templates/fragments/goals.tpl

@@ -9,7 +9,7 @@
     <div id="goalslist{$suffix}" class="card-items card-items-no-margin js-masonry" data-masonry-options='{ "itemSelector": ".card" }'>
         {foreach from=$goals item=n, name='default'}
         <div class="card card-secondary">
-            <h4 class="card-heading has-link">
+            <h4 class="card-header has-link">
                 {if $n->exists}
                     <a id="goals_edit_{$n->artefacttype}" href="{$WWWROOT}artefact/resume/editgoalsandskills.php?id={$n->id}" title="{str tag=edit$n->artefacttype section=artefact.resume}">
                     {str tag=$n->artefacttype section='artefact.resume'}

htdocs/theme/raw/plugintype/artefact/resume/templates/fragments/membership.tpl

 {if $controls}
 <div class="card card-secondary">
     {if !$hidetitle}
-    <h3 class="resumeh3 card-heading">
+    <h3 class="resumeh3 card-header">
         {str tag='membership' section='artefact.resume'}
         {if $controls}
             {contextualhelp plugintype='artefact' pluginname='resume' section='addmembership'}

htdocs/theme/raw/plugintype/artefact/resume/templates/fragments/skills.tpl

@@ -10,7 +10,7 @@
     <div id="skillslist{$suffix}" class="card-items card-items-no-margin js-masonry" data-masonry-options='{ "itemSelector": ".card" }'>
         {foreach from=$skills item=n}
         <div class="card card-secondary">
-            <h3 class="card-heading has-link">
+            <h3 class="card-header has-link">
                 {if $n->exists}
                 <a id="skills_edit_{$n->artefacttype}" href="{$WWWROOT}artefact/resume/editgoalsandskills.php?id={$n->id}" title="{str tag=edit$n->artefacttype section=artefact.resume}">
                 {str tag=$n->artefacttype section='artefact.resume'}

htdocs/theme/raw/sass/components/_btn.scss

 // Modifications and extra use cases for bootstrap  buttons
 
+.btn-secondary {
+	color: $btn-secondary-color;
+	background-color: $btn-secondary-bg;
+	border-color: $btn-secondary-border;
+}
+
+.btn-primary:not(:disabled):not(.disabled).active, .btn-primary:not(:disabled):not(.disabled):active, .show>.btn-primary.dropdown-toggle {
+	color: inherit;
+	background-color: transparent;
+	border-color: transparent
+	box-shadow: none;
+}
+
 .btn.text-left {
     text-align:left;
 }

htdocs/theme/raw/sass/layout/nav/_main-nav.scss

@@ -37,7 +37,7 @@
 
             z-index: 5;
             max-height: 88vh;
-            overflow-y: auto;
+            overflow-y: hidden;
             overflow-x: hidden;
             margin-right: 0;
             box-shadow: 0 6px 10px rgba(0, 0, 0, 0.1);

htdocs/theme/raw/sass/lib/bootstrap4/_reboot.scss

@@ -414,7 +414,7 @@ legend {
   max-width: 100%; // 1
   padding: 0;
   margin-bottom: .5rem;
-  font-size: 1.5rem;
+  font-size: 0.875rem;
   line-height: inherit;
   color: inherit; // 2
   white-space: normal; // 1

htdocs/theme/raw/sass/typography/_tables.scss

@@ -17,6 +17,7 @@ td.tiny {
 .table {
     max-width:100%;
     border-collapse: separate;
+    border-spacing: 0;
     .icon-cell {
         min-width: 50px; //width of two icons
         .icon {
@@ -75,6 +76,7 @@ td.tiny {
 
     td {
         white-space: normal;
+        border-top: 0;
         &.movebuttons {
             width: 50px;
             .movedown,
@@ -100,11 +102,15 @@ td.tiny {
         h3 {
             font-weight: 300;
             font-family: $font-family-sans-serif;
-            font-size: $font-size-base + 3;
+            font-size: $font-size-base * 1.214285;
             margin: 0;
         }
     }
 
+    th {
+        border-top: 0;
+    }
+
     .narrow {
         width: 20px;
         .checkbox {

htdocs/theme/raw/templates/group/members.tpl

@@ -24,12 +24,12 @@
 
     <div class="card card-secondary">
         {if $membershiptype}
-        <h2 id="searchresultsheading" class="card-heading">
+        <h2 id="searchresultsheading" class="card-header">
             <span class="sr-only">{str tag=Results}: </span>
             {str tag=pendingmembers section=group}
         </h2>
         {else}
-        <h2 id="searchresultsheading" class="card-heading">
+        <h2 id="searchresultsheading" class="card-header">
             {str tag=Results}
         </h2>
         {/if}

htdocs/theme/raw/templates/sideblocks/quota.tpl

 {loadquota}
 <div class="card card-secondary">
-    <h3 class="card-heading">
+    <h3 class="card-header">
         {str tag="quota"}
         <span class="float-right">
         {contextualhelp plugintype='artefact' pluginname='file' section='quota_message'}

htdocs/theme/raw/templates/styleguide.tpl

@@ -1221,7 +1221,7 @@ The profile picture size that is used on side cards. The example is the profile
 <div class="col-md-3 sidebar">
     <div id="sb-profile" class="sideblock-1 user-card">
         <div class="card card-secondary">
-            <h3 class="card-heading profile-block">
+            <h3 class="card-header profile-block">
                 <a href="" class="username">Side card</a> <a href="" title="{str tag=editprofileicon section=artefact.file}" class="user-icon">
                     <img src="{profile_icon_url user=$sbdata.id maxheight=60 maxwidth=60}" alt="{str tag=editprofileicon section=artefact.file}">
                 </a>

htdocs/theme/raw/templates/user/user.tpl

 <div class="{if $user->pending || $user->requestedfriendship}pending card bg-warning{else}card-secondary{/if} card card-half myfriend">
-    <h3 class="card-heading profile-block">
+    <h3 class="card-header profile-block">
         <a href="{profile_url($user)}" class="username">
             {$user->display_name}
             {if $user->pending}

htdocs/theme/raw/templates/view/indexresults.tpl

@@ -2,7 +2,7 @@
                 <div class="card-quarter {if $view.collid}card-collection{else}card-view{/if}">
                     <div class="card card-secondary {if $view.submittedto} bg-warning {/if}
                     {if $view.template == $sitetemplate} site-template{/if}">
-                        <h3 class="card-heading has-link">
+                        <h3 class="card-header has-link">
                             <a class="title-link title"
                             href="
                                 {if $view.template == $sitetemplate}