modifications to css and scss

css/mosh.css

@@ -1712,26 +1712,40 @@ p {
 .mosh form.actor-generator .smalltext {
   font-size: 0.7rem;
 }
-.mosh form.actor-generator div#generator-header-grid-1col  {
-  grid-column: span 1 / span 1;
+.mosh form.actor-generator div#generator-header-grid-1col {
+  grid-column: span 1/span 1;
   grid-template-columns: repeat(1, minmax(0, 1fr));
 }
-
 .mosh form.actor-generator .element-group {
   margin-top: 10px;
 }
-
-.mosh form.actor-generator .credit-img{
+.mosh form.actor-generator .credit-img {
   height: 30px;
   margin-top: 0%;
 }
-
 .mosh form.actor-generator .checkbox-round {
   appearance: none;
 }
 .mosh form.actor-generator .checkbox-round:checked {
   background-color: gray;
 }
-.mosh form.actor-generator .clicable-item{
+.mosh form.actor-generator .clicable-item {
   cursor: pointer;
-}
+}
+.mosh .characterGeneratorSkillPopup {
+  margin-bottom: 10px;
+}
+.mosh .characterGeneratorSkillPopup .skillpopupDescription {
+  text-align: center;
+  font-weight: bold;
+  padding-bottom: 0.2em;
+}
+
+.mosh .characterGeneratorSkillPopup .center {
+  text-align: center;
+}
+
+/*# sourceMappingURL=styles.css.map */
+
+
+/*# sourceMappingURL=styles.css.map */

scss/components/_actor_generator.scss

@@ -28,4 +28,15 @@ form.actor-generator{
     .clicable-item{
         cursor: pointer;
     }
+}
+.characterGeneratorSkillPopup{
+    margin-bottom: 10px;
+    .skillpopupDescription{
+        text-align: center;
+        font-weight: bold;
+        padding-bottom: 0.2em;
+    }
+    .center{
+        text-align: center;
+    }
 }