added default ability rolls and quick rolls to ability rolls too( this includes icons). This is acompanied by a series of small changes either to the script or the css, but nothing mayor

LyrianChronicles/LyrianChronicles.css

@@ -556,10 +556,10 @@
   width: 240px;
 }
 .charsheet .features-left-column {
-  width: 380px;
+  width: 350px;
 }
 .charsheet .features-right-column {
-  width: 420px;
+  width: 450px;
 }
 .charsheet .inventory-left-column{
   width: 450px;
@@ -1730,7 +1730,7 @@
   min-height: 635px;
 }
 .charsheet .table-container .headers-container .header2.name3 {
-  flex: 10;
+  flex: 9;
   text-align: left;
   padding-left: 5px;
 }
@@ -1741,12 +1741,12 @@
   flex: 4;
 }
 .charsheet .table-container .headers-container .header2.actions3 {
-  flex: 3;
+  flex: 4;
 }
 
 .charsheet .table-container .table-row .name3{
   font-size: 10px;
-  flex: 10;
+  flex: 9;
   text-align: left;
   padding-left: 5px;
   font-weight: bold;
@@ -1777,8 +1777,16 @@
   text-align: center;
   cursor: default;
 }
+.charsheet .table-container .table-row  .name-button.icon button{
+  width: 20px;
+}
+.charsheet .table-container .table-row  .name-button.icon span{
+  width: 20px;
+  font-size: 15px;
+  padding-bottom: 3px;
+}
 .charsheet .table-container .table-row .actions3{
-  flex: 3;
+  flex: 4;
 }
 
 .charsheet .table-container input:checked + input:checked + .details-container.ability {
@@ -1904,11 +1912,28 @@
   display: none;
 }
 
+.charsheet .table-container.favorite-abilities .table-row{
+  display: flex;
+  flex-direction: row;
+}
+.charsheet .table-container.favorite-abilities .table-row  .name-button.name3 {
+  flex:11
+}
+.charsheet .table-container.favorite-abilities .table-row  .name-button.icon {
+  display: flex;
+  justify-content: end;
+  flex:1;
+}
+.charsheet .table-container.favorite-abilities .table-row  .name-button span {
+  display: flex;
+  justify-content: center;
+}
+
 .charsheet .table-container.favorite-abilities .table-row  .name-button.name3 button{
-  width: 192px;
+  width: 100%;
 }
 .charsheet .table-container.favorite-abilities .table-row  .name-button.name3 span{
-  width: 192px;
+  width: 100%;
   text-align: center;
   justify-content: center;
 }