proper structure of hot-row item

src/views/studydocs/studydocList.js

@@ -20,7 +20,7 @@ export default class studydocList {
   static view() {
     if (!isLoggedIn()) return m(Error401);
 
-    return m('div', [
+    return m('div#studydoc-list', [
       m(
         'form',
         {

src/views/styles/base.less

 @import './frontpage.less';
+@import './studydocList.less';
 
 div {
     border: solid 1px black;

src/views/styles/listview.less

+.listview {
+    
+}
\ No newline at end of file

src/views/styles/studydocList.less

+@import './listview.less';
+
+#studydoc-list {
+    .listview;
+
+    background-color: red;
+}
\ No newline at end of file