comments collapsing

src/Yavsc/Views/Shared/_Layout.cshtml

@@ -10,7 +10,6 @@
     <link rel="stylesheet" href="~/lib/jquery-ui/jquery-ui.min.css">
     <link rel="stylesheet" href="~/lib/bootstrap/dist/css/bootstrap.min.css"  asp-append-version="true"/>
     <link rel="stylesheet" href="~/css/site.css"  asp-append-version="true"/>
-   
     <script src="~/lib/jquery-ui/external/jquery/jquery.js"></script>
     <script src="~/lib/jquery-ui/jquery-ui.js"></script>
     <script src="~/lib/bootstrap/dist/js/bootstrap.bundle.min.js"></script>

src/Yavsc/wwwroot/css/site.css

@@ -29,3 +29,9 @@ img.blogphoto {
   font-style: italic;
   font-size: x-small;
   }
+  
+.blogcomment {
+  display: inline-block;
+  padding: .3em;
+  border: solid black 1px;
+}

src/Yavsc/wwwroot/js/comment.js

@@ -34,12 +34,13 @@ $.widget("psc.blogcomment", {
         },
         toggleCollapse: function(_this, ev) {
             _this.collapsed = !_this.collapsed;
+            var icon = $(_this.ctlBtn).children().first();
             if (_this.collapsed) {
-                $(_this.ctlBtn).removeClass('glyphicon-collapse-down');
+                icon.removeClass('ui-icon-plus');
-                $(_this.ctlBtn).addClass('glyphicon-collapse-up');
+                icon.addClass('ui-icon-minus');
             } else {
-                $(_this.ctlBtn).removeClass('glyphicon-collapse-up');
+                icon.removeClass('ui-icon-minus');
-                $(_this.ctlBtn).addClass('glyphicon-collapse-down');
+                icon.addClass('ui-icon-plus');
             }
             if (_this.editable) {
                 _this.toggleEdit(_this, ev)