Change alert to panel-info

Author: RamZallan

conditional/templates/dashboard.html

@@ -252,10 +252,16 @@ <h3 class="panel-title">Major Projects</h3>
             {% endif %}
 
             {% if student and not active %}
-                <div class="alert alert-info"><span class="glyphicon glyphicon-exclamation-sign white" style="padding-right:5px"></span>
-                    Hey there! You're eligible to become an active member, click the button below if you'd like to pay dues and become active!
-                    <br />
-                    <a href="#" id="becomeActive" data-module="becomeActive" data-uid="{{username}}" class="btn btn-default">Become Active</a>
+                <div class="panel panel-info" id="becomeActive">
+                    <div class="panel-heading">
+                        <h3 class="panel-title">Become Active</h3>
+                    </div>
+                    <div class="panel-body">
+                        Hey there, you're eligible to become an active member! Click the button below if you'd like to become active and pay dues.
+                    </div>
+                    <div class="panel-footer text-right">
+                        <a href="#" data-module="becomeActive" data-uid="{{username}}" class="btn btn-sm btn-default">Become Active</a>
+                    </div>
                 </div>
             {% endif %}
 

frontend/stylesheets/pages/_dashboard.scss

@@ -41,10 +41,3 @@
     margin: 5px 0;
   }
 }
-
-.alert-info {
-  .btn {
-    margin-top: 10px;
-  }
-}
-