first attempts at redesign

static/css/rowsandall2.css

@@ -332,15 +332,15 @@ a.button {
 }
 
 /* gray */
-.blue {
+.gray {
 	color: #e9e9e9;
 	border: solid 1px #555;
 	background: #6e6e6e;
 }
-.blue:hover {
+.gray:hover {
 	background: #616161;
 }
-.blue:active {
+.gray:active {
 	color: #afafaf;
 }
 
@@ -384,20 +384,20 @@ a.button {
 }
 
 /* blue */
-.graytext {
+.bluetext {
     color: #27aae2;
 }
 
-.gray {
+.blue {
 	color: #fae7e9;
 	border: solid 1px #27aae2;
 	background: #27aae2;
 }
-.gray:hover {
+.blue:hover {
     background: #1c74bb;
     border: solid 1px #27aae2;
 }
-.gray:active {
+.blue:active {
 	color: #ffffff;
 }
 
@@ -844,3 +844,7 @@ a.wh:hover {
     hyphens: auto;
 
 }
+
+.icon-link a:hover, a:visited, a:link, a:active {
+    text-decoration: none;
+}

static/css/styles2.css

@@ -28,10 +28,20 @@
         margin: 0;
         padding: 0;
     }
+
+    user ul {
+        list-style: none;
+        margin: 0;
+        padding: 0;
+    }
     
 .main-head {
   grid-area: header;
 }
+.main-user {
+    grid-area: user;
+}
+
 .content {
   grid-area: content;
 }
@@ -49,20 +59,24 @@
 }
 .wrapper {
   display: grid;
-  grid-gap: 20px;
+  grid-gap: 2px;
   grid-template-areas: 
-    "header"
-    "nav"
-    "content"
-    "sidebar"
-    "ad"
-    "footer";
+  "header"
+   "user"
+   "nav"
+   "content"
+   "sidebar"
+   "ad"
+   "footer";
 }
-@media (min-width: 500px) {
+
+
+@media (min-width: 750px) {
   .wrapper {
     grid-template-columns: 1fr 3fr;
     grid-template-areas: 
-      "header  header"
+    "header  header"
+        "user user"
       "nav     nav"
       "sidebar content"
       "ad      footer";
@@ -75,12 +89,14 @@
     display: flex;
     justify-content: space-between;
   }
+
+  
 }
-@media (min-width: 700px) {
+@media (min-width: 800px) {
   .wrapper {
     grid-template-columns: 1fr 4fr 1fr;
     grid-template-areas: 
-      "header header  header"
+      "header header  user"
       "nav    content sidebar"
       "nav    content ad"
       "footer footer  footer"

static/css/text2.css

@@ -147,3 +147,7 @@ p {
 /*  padding: 10px 0; */
   text-align: left;
 }
+
+i {
+    font-size: 2em;
+}