Change the name of the CSS class 'element' to 'plugins-box' and centering the text

pwnagotchi/ui/web/static/css/style.css

@@ -72,10 +72,11 @@ li.navitem {
     justify-content: space-around;
 }
 
-.element {
+.plugins-box {
     margin: 0.5rem;
     padding: 0.2rem;
     border-style: groove;
     border-radius: 0.5rem;
     background-color: lightgrey;
+    text-align: center;
 }

pwnagotchi/ui/web/templates/plugins.html

@@ -28,7 +28,7 @@ $(function(){
 {% block content %}
 <div id="container">
     {% for name in database.keys() %}
-        <div class="element">
+        <div class="plugins-box">
           <h4>
             <a {% if name in loaded and loaded[name].on_webhook is defined %} href="/plugins/{{name}}" {% endif %}>{{name}}</a>
           </h4>