Added styles to widgetuser_detail.html

homepage/static/widgetuser_details.css

+@font-face {
+    font-family: 'Oxygen';
+    font-style: normal;
+    font-weight: 400;
+    font-display: swap;
+    src: url(https://fonts.gstatic.com/s/oxygen/v15/2sDfZG1Wl4LcnbuKjk0m.woff2) format('woff2');
+    unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+p {
+    margin-top: 0;
+    margin-bottom: 20px;
+    font-family: Oxygen;
+}
\ No newline at end of file

homepage/templates/homepage/widgetuser_detail.html

@@ -4,13 +4,16 @@
 
 {% block title %}Homepage{% endblock %}
 
-{% block styles%}
-<link rel="stylesheet" href="{% static '/widgetuser_details.css' %}">
+{% block styles %}
+    <link rel="stylesheet" href="{% static '/widgetuser_details.css' %}">
+{% endblock %}
+
+{% block header %}
+    {{object.last_name}}, {{object.first_name}} {{object.middle_name}}
 {% endblock %}
 
 {% block content %}
-    <p> {{object.last_name}}, {{object.first_name}} {{object.middle_name}} </p>
-    <p> {{object.id_num}}</p>
-    <p> {{object.email}}</p>
-    <p> {{object.department.home_unit}}, {{object.department.dept_name}}</p>
+    <p> Student ID: {{object.id_num}}</p>
+    <p> Email: {{object.email}}</p>
+    <p> Department: {{object.department.home_unit}}, {{object.department.dept_name}}</p>
 {% endblock %}
\ No newline at end of file